0
Welcome Guest! Login
0 items Join Now

SOLVED Changing the Active Menu Item Color

Last Post
Search Topic

  • SOLVED Changing the Active Menu Item Color

    Posted 8 years 11 months ago
    • Hey everybody

      How do I custom the color of the active item on the menu? I want it to be #CA7F7F.

      In my custom css I tried many variations of things like ".gf-menu > li.active", ".gf-menu.li.active.item", "li.#current", all without success

      page: patricialavratti.com


      regards,
      Eduardo
    • Last Edit: 8 years 11 months ago by Eduardo Teixeira. Reason: solved
    #1295316
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22303
    • Thanks: 3229
    • messin' with stuff

    Re: SOLVED Changing the Active Menu Item Color

    Posted 8 years 11 months ago
    • Inspect HTML and CSS in real-time with Developer Tools:
      developers.google.com/chrome-developer-tools/
      developer.mozilla.org/en-US/docs/Tools


      Right click item, Inspect Element... look for "active" in your Elements pane, highlight, see if there's any styling set in your Styles pane... there isn't any specific to the li.active so we just need to write one (as opposed to copy the current).

      In Chrome you can go "Copy Selector" and it will create a CSS Selector for you... sometimes this is fine... sometimes it creates way to specific of one.

      The id "current" is being placed on your Active menu items... menu-item-wrapper is where the color is being set...
      #current .menu-item-wrapper {
  color: #CA7F7F
}

      :)
    • Last Edit: 8 years 11 months ago by Matt.

    • The following users have thanked you: Eduardo Teixeira

    • 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:
    #1295347

  • Re: SOLVED Changing the Active Menu Item Color

    Posted 8 years 11 months ago
    • thanks very much Matt, it worked :)
    • Last Edit: 8 years 11 months ago by Eduardo Teixeira.
    #1295357

Time to create page: 0.063 seconds