Tabs need to be highlighted

    • 217 posts
    December 31, 2018 12:30 PM EST

    As you can see in the image below the selected tab is not highlighted when it is selected.

     

    How can I ensure the tabs are highlighted so users know what page they are on?

     

    • 217 posts
    January 3, 2019 8:50 PM EST

    Can someone help me here?

    • Moderator
    • 6923 posts
    January 9, 2019 4:43 AM EST

    Sorry I missed this. Did you already get this figured out?

    • 217 posts
    January 10, 2019 9:56 PM EST

    No I did not.

    • 217 posts
    January 21, 2019 9:36 PM EST

    Can anyone help me with this?  

    • 45 posts
    January 21, 2019 11:08 PM EST

    Are you able to share the website so I can see what's going on? And are you talking about main menu or event's tabs?

    By default the element should be getting "active" class so you just need to add styles to your css file.

    • Moderator
    • 6923 posts
    January 22, 2019 5:10 AM EST

    Thanks for helping Stepan. I'm not a CSS expert and had asked a third party dev to answer but he didn't.

    • 217 posts
    January 22, 2019 11:24 AM EST

    I am talking about main menu tabs.  They are not highlighted when I am in a tab.  Here is the website: werunthehouse.com

    How do i "add styles to your css file." as you suggest?

    • 45 posts
    January 22, 2019 2:24 PM EST

    Try this, "Appearance > Theme Editor" select theme.css file that you're using.

    Search for:

    .layout_core_menu_main .navigation > li > a:hover

     Add this above:

    .layout_core_menu_main .navigation > li.active a:link, .layout_core_menu_main .navigation > li.active a:visited { color: #e376bf; background: #9ea9b0; }

    Change colors as needed. Don't forget to clear cache when testing.

    • 217 posts
    January 22, 2019 2:59 PM EST

    It worked.  Wow.  Stepan, I cannot thank you enough.  I am a little lost out here sometimes:)