Where to put custom nav bar code

Please tell what changes you want to make. If you have already solved this problem, please mark this topic ‘Resolved’ using the dropdown on the right.

Thanks for responding, vtxyzzy. The changes I want to make are:

remove the black bar altogether.
Just have the links be plain words, without any box around them.
A horizontal line beneath them, all the way across.
Change the font color, and perhaps size.
Possibly change the font itself: (This is a bit tricky for me, because I have my nifty downloaded font installed, but it’s not a great font to have throughout the entire site, and so I have to learn how to de-activate it when necessary, and to call a different font when needed.)

I’m mostly capable of putting together the html, free-standing, to create the kind of nav menu that I want. And if I have created the html, then I can figure out how to reference it in the stylesheet. I just don’t get how to integrate that into the dynamic WordPress environment, and I really still don’t get the “php generates html” concept.

Thanks!

Well, I tried to make the changes you wanted through CSS, but was unsuccessful. Apparently something is overriding the style.css in your child theme. Perhaps the font handler.

Oh. That sounds ominous. What’s the logical next step; exorcism?

Sorry, I can’t say since I am not familiar with the font handler and can’t see all the features of your site.

OK. Well, I appreciate your interest and effort. Just for future reference, in case I end up just removing the @fontface part of my css, could you please tell me where in the CSS you were trying to make changes?

And also, without my admin password, how would it be possible for you to actually change my CSS?? That’s kind of a scary thought. How does that work?

I was not looking at the css actually on your site. In order for a browser to apply the css, it is transmitted to the local pc. I was using the Firefox browser with the Firebug tool to examine the css that was sent with your page.

I was examining and changing several parts related to the #access div. Usually you can test changes by adding them to the end of the style transmitted to the pc. When I tried that, the screen would briefly flash showing the changes and then revert back to the unchanged version.

Oh, I see. Well, I’ll keep on studying. If necessary, I’ll strip the child theme back down to its virgin state, and start over.

Thanks again for your assistance and explanations. I’m really glad for this support forum.

I wonder if putting the changes in the source style.css on your site would work? Try adding these lines to the end of style.css (just an experiment, you can take them out after you see if they make a difference):

#access {
   background: none;
   box-shadow: none;
}
#access a {
   color: #000000;
   font-family: Arial,Helvetica,serif;
   font-weight: bold;
}

Done. And it doesn’t change anything in the appearance.

Here is my entire stylesheet right now:

[CSS moderated as per the Forum Rules. Please just post a link to your site.]

Oh well, it was worth a try. I can get the stylesheet as it is downloaded to my pc, but I thought that it might be ‘re-read’ somehow by part of your theme.