Tabs need to be highlighted

Forums » SEPHP Help and Tips

Back To Topics

cmackie
- 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?
cmackie
- 217 posts
January 3, 2019 8:50 PM EST

Can someone help me here?
Donna
- Moderator
- 5147 posts
January 9, 2019 4:43 AM EST

Sorry I missed this. Did you already get this figured out?
cmackie
- 217 posts
January 10, 2019 9:56 PM EST

No I did not.
cmackie
- 217 posts
January 21, 2019 9:36 PM EST

Can anyone help me with this?
Stepan
- 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.
Donna
- Moderator
- 5147 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.
cmackie
- 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?
Stepan
- 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.
cmackie
- 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:)