Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10738

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

    #69196

    Hey!

    Hey!

    You can add this in your Quick CSS or custom.css

    .active_tab {
    color: #FF0099 !important;
    }

    Best regards,

    Chris

    Best regards,

    Peter

    #69197

    It didn’t work.

    #69198

    Hi!

    I corrected Chris code – please try it again.

    Best regards,

    Peter

    #69199

    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?

    #69200

    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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘tabbed content tab title color’ is closed to new replies.