CSS Elements for setting Tabs-addon : active, hover, 'focus' and 'no-focus' (tabs and pills etc) - Forum | JoomShaper
Awaiting an answer SP Page Builder

CSS Elements for setting Tabs-addon : active, hover, 'focus' and 'no-focus' (tabs and pills etc)

Asked by loovanloon 4 years ago Last activity 4 years ago

What are the elements (or is the css-syntax) for customizing the tab background-colors of the tab-addon for all possible states:

  • normal ( no-focus, not selected)
  • hover
  • active ( case when you click it)
  • focus (tab that is currently selected, last clicked on)

https://sta.vanloon.net/index.php/sta/bestuur

2 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
4 years ago

Hi there!

Thanks for contacting us.

If you choose "Custom" as the 'Style for Tabs' as follows: https://prnt.sc/1zfr6uv
then you will get those hover, active, etc. state options right there: https://prnt.sc/1zfrczt

Hope this helps!

Best Regards

loovanloon Asked this
4 years ago

Thank you! But can't I do it with custom CSS? Because it is very nasty job to set is for various tab-addons with many tabs. And what if I want to change it again and have to do it all over again? Are there no general elements for the tabs that I can't write my own css for?

I tried to figure it out with inspector-tools, but it didn't completely work out

Log in to reply.