tabbed content tab title color « Support Forum | Kriesi.at

Support Forum » Flashlight

tabbed content tab title color

6 posts from 4 voices

Started 1 year ago by herzfamily
Latest reply from Chris Beard
This topic is resolved

Tags:

herzfamily
Member

Is it possible to change the color of tab title (only) of the tabbed content?

Posted 1 year ago #
Chris Beard
Hey!

Hey!

You can add this in your Quick CSS or custom.css
```
.active_tab {
     color: #FF0099 !important;
}
```
Best regards,
Chris

Best regards,
Peter
Posted 1 year ago #
herzfamily
Member

It didn't work.

Posted 1 year ago #
Dude
Dude

Hi!

I corrected Chris code - please try it again.

Best regards,
Peter

Posted 1 year ago #
dcambrand
Member

Awesome stuff! Is there any way to make only the selected tab be a specific color, or any similar effect, like underlining it or what not.
The examples given above, at least in the Angular theme, make all tabs change color.

Regards.

ps. When adding lots of these little tweaks for the theme, is it better to put that in Custom.css rather than using the Quick css all the time? It's getting full :P Does any of them make the theme perform slower?

Posted 1 year ago #
Chris Beard
Hey,

for a different background color add
```
.active_tab {
     background: #FF0099 !important;
}
```
for underlined text add
```
.active_tab strong{
    text-decoration: underline;
}
```
You can add it in your custom.css or Quick CSS with the same effect, when you jam this full with CSS it will overwrite all previously defined styling for the elements you've specified - the delay this causes is neglectable.

Only if you're really using a lot of custom styling you can go in the default css files and directly modify them.

I hope this helps :)

Cheers,
Chris
Posted 1 year ago #