Support » Theme: Leaf » Change colors of main menu

  • Hello,
    i managed to change the color of the writings but can you please tell me how can i modify the background color of the top menu bar?
    Because i could only change the background color of the words, but not of the entire menu bar.

    Thank you a lot,


Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi Cipola,

    I’ve not used it so not sure if this can be done through the admin menu. However, I had a quick look there and if you added a background colour to the main navigation in the css file that will work for you.

    Moderator t-p


    Try using – for example – a tool like Firefox with the Firebug add-on for this kind of CSS work. . Help info on Firebug

    Thank you a lot, but i’m quite a newbie and i’m not sure where can i found the line for the background color.
    Because once i did change the background color, but only the area behind the menu words changed it, while the rest remained blank..

    I will still try to find a solution, but if you get to now which line of the css i should change, it would be much appreciated! 😉

    Grazie, thank you

    In Custom CSS area add
    .main-navigation {background-color:#000000;}
    In place of 0 the color that you want

    Like Tara said, use Firebug to see changes on line.
    And next time, link to the direct page so everyone can help you, not only who knows Leaf theme.

    Ok guys thank you a lot!

    Now i got a new problem…
    I have two websites using the leaf template and i want them both to have the same nav bar.
    In both the websites the code .main-navigation {background-color:#000000;} is working, but in one of the two i’m unable to change the colors of the nav bar titles in the style.css
    It is really weird because it seems that the theame in not referring to his style.css, what do you think is the cause?

    Anyway, here is the website where everything worked out:

    and here is the website where i’m unable to change the color of the words in the nav bar:

    the bar of the second website should look just like the one in the first but i’m only able to change the backround color and not the words color as i made in the first one…

    Thank you a lot for your kind help!

    Ok sorry for the confusion. I manged to fi the problem in both the websites! Apparently there was a problem with the quick cache plugin 😉
    Thank you a lot!

    Please mark as resolved

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change colors of main menu’ is closed to new replies.