0
Welcome Guest! Login
0 items Join Now

SOLVED How do I change the color of the active item in menu?

Last Post
Search Topic

  • SOLVED How do I change the color of the active item in menu?

    Posted 10 years 7 months ago
    • Hi!

      I have a site using the Gantry theme for WP and I would like to know how to change the text color of the active menu item. The site is www.mindfulwaythroughanxietybook.com

      Currently the text color is white for all menu items including the current page. I would like to set the active item text color to black for now.

      Also, I would like to know how to change the menu item background color for the active item when you hover over it.

      Thank you!
    • Last Edit: 10 years 7 months ago by Tim Burkart. Reason: marked topic solved
    #1136871
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22268
    • Thanks: 3224
    • messin' with stuff

    Re: How do I change the color of the active item in menu?

    Posted 10 years 7 months ago
    • Drop this in your Theme Settings > Styles Tab > Custom CSS box:
      .gf-menu.l1 li.active > .item {
color: #000;
}

.gf-menu.l1 li.active:hover {
background:#ffff00;
}

      adjust hex color values as needed... if you want the text to remain a different color on hover as well:
      .gf-menu li:hover > .item {
color: #000 !important;
}
    • Last Edit: 10 years 7 months ago by Matt.

    • The following users have thanked you: Tim Burkart

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1136925

Time to create page: 0.072 seconds