change color of header menu

  • Unknown's avatar
    terralbrown · Member ·

    My header menu (not the social media) is grey with black background. It is hard to see. I’de like the menu, with all sub categories to be white. I’ve tried several other suggested CSS but it only changes the word MENU, not the components of the menu and I’d like both. It would also be nice, if all were the same font shape and size too ;( Please help!

    The blog I need help with is: (visible only to logged in users)

  • thuautp · Staff ·

    Hi there,

    Please try the following:

    .main-navigation li > a {
    color: #ffffff;
    font-size: 18px; /* change 18px to the value you desire */
    }

    Hope this helps :)

  • Unknown's avatar
    terralbrown · Member ·

    Thanks so much, that worked for part of the navigation but not for the subscriptions. bc thats from jetpack I probably need diff coding right?

  • thuautp · Staff ·

    Hi there,

    Try the below for the word “Subscribe”:

    .jetpack_subscription_widget .yawp_wim_title {
color: #ffffff;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
/* and other styling that is appropriate */
}

    If the styling still isn’t being applied, you could try to add “!important” at the end of each line of code, before the “;”, for example:
    color: #ffffff!important;

    Let me know how this works :)

  • Unknown's avatar
    terralbrown · Member ·

    Oh my goodness, you are amazing. Thank you SO SO much!!! I really appreciate it. It looks so much better now!

  • thuautp · Staff ·

    You’re welcome :) glad it worked for you

  • Unknown's avatar
    terralbrown · Member ·

    Thanks so much for your help last time. I have added archives and categories to my main menu, and would lie the same white font as before. I tried changing the previous code you gave me from jetpack subscription widget to categories widget wit no success. Any tips?

  • The topic ‘change color of header menu’ is closed to new replies.