Change the color of navigation menu page links

  • Resolved rafa1

    (@rafa1)


    12 years, 9 months ago

    lifesfables.com

    I’m using the Brunelleschi theme. Anyone know how to change the nav menu theme colors?

    Ex. I’d like About to be one color, fashion another, beauty another and DIY to be one color for each word.

    I’m staring at a CSS book right now.

    i tried

    }
a[href^='https://iputthelinknamehere']
color: #colorhere

}

    and nothing happened. I’ll keep you posted on everything else I try in case you’d like to know what doesn’t work.

Viewing 2 replies - 16 through 17 (of 17 total)
  • Thread Starter rafa1

    (@rafa1)

    hahahaha. I love it! Wow. that’s why people use firebug. Inspect. It’s beautiful. Thanks for the help WPyogi!

    Just a footnote to this topic.

    If you are using a custom menu from Appearance > Menu > Menu Items.

    Go to the menu designer and look at the top (Screen Options), check the one that is called “CSS Classes”, now on each menu item you have a new box “CSS Class”.

    This will add whatever you put in the class at runtime, adding class names like, fashion, beauty, diy, food, other and contact, can all be classes without needing the page ID.

    So if you added the ‘CSS Class’ about to a menu item and your style.css code will then work!

    .about {
 color: #FF6666;
 }

    Regards

    David

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘Change the color of navigation menu page links’ is closed to new replies.