Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1912938
"Active" indicator
Closed

Comments

  • larssahl started the conversation

    Please let me know how I can create an active indicator for a sidebar widget. Normally I create the sidebar manually and add an "active" class to each <li> item as it appears on each individual page. Using a generic widget, I am not abler to figure this out and would appreciate your help =)

  •  7,095
    Oliver replied

    HI,

    Sorry, you need to add change the color on the active item, right?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • larssahl replied

    Hi Gregor,

    Yes, that is correct =)

    Aloha,

    Lars

  •  7,095
    Oliver replied

    HI!

    pls. use following css:

    #menu-faculty-by-alpha li.current-menu-item a {
        color: #ccc!important;
    }

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • larssahl replied

    Terrific! Mahalo! =)

  •  7,095
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • larssahl replied

    Dear Gregor,

    Sorry to bother you again, but I cannot find the element I need in this scenario. Per below, you showed me how to highlight the "active: menu item in a side bar menu. Is there a way to make only the "main" element highlighted as you land on the pages shown in the attached? Once I go into the sub-menu, the "active" status works. I simply do not want the entire section highlighted upon landing.

    Aloha,

    Lars

  •  7,095
    Oliver replied

    Hi,

    pls. remove the code  you added and add screenshot what you need to highlight. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • larssahl replied

    Hi Gregor,

    I kept the code you sent me. I simply want the behavior to look as the attached screen shot, where the active section's text is highlighted, and active page in that section highlighted by color. This behavior starts once you select a sub-page in the section, but initially both the active section and the entire set of subpages are highlighted by color, also shown in the attachment.

    Aloha,

    Lars

  •  7,095
    Oliver replied

    Hi,

    Sorry, can't understand but try to change the code to this one:

    #menu-people-navigation li.current-menu-item > a {
        background-color: rgba(255,165,0, 0.5)!important;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • larssahl replied

    That did the trick, Gregor - many thanks! =)

  •  7,095
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver