Change font size and color in menu bar 2

  • Teun


    First of all: Sorry for posting a topic that already exists. I have a question that belongs in the previous topic of the same name, but I saw that one was closed for comments.

    My question:

    With the help in the previous topic I succeeded to change the color of the menu bar. The problem is that I have put the search field in the menu bar as well, and I can’t find a way to change that backgroundcolor to the same color as my menu bar. It stays grey. Also, just on the left of my first button in the menu is still a small grey part.

    Does anyone know how I can change the background color (not the input field) of my search field, and the small part on the left?

    Here’s my site, so you can see what I mean:

    You’ll need to login:

    UN: teun

    PW: umagijs




    Easy enough 🙂 Add this to your child theme CSS:

    #header-menu-wrap {
    background: none repeat-x scroll left -300px #547692;


    #header-menu, #header-menu-wrap {
    background: #547692;



    Yes! It works. Although it didn’t work when I put it in my child theme css. It did work when I put it in the custom css at the Graphene options. But hey, if it works, it works 🙂 Thanks very much!



    Add !important after the hex colour code if it doesn’t work in child theme stylesheet. Don’t forget to clear your browser cache after updating the child theme stylesheet. If you are using any caching plugin, flush it’s cache too!



    Ah thanks! that’s nice. I had that problem with more code. Now I can put everything from my custom css to my child-theme, so I have everything in one place.

Viewing 6 posts - 1 through 6 (of 6 total)

  • You must be logged in to reply to this topic.