CSS Elements For Setting Tabs-addon : Active, Hover, 'focus' And 'no-focus' (tabs And Pills Etc) - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

CSS Elements For Setting Tabs-addon : Active, Hover, 'focus' And 'no-focus' (tabs And Pills Etc)

L

loovanloon

SP Page Builder 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

0
2 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #42915

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

0
L
loovanloon
Accepted Answer
4 years ago #42921

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

0