Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 22, 2014 at 8:00 am #307623
    patriscia

    hello is it possible change the colors of the tabs in tabs? do for example every tab in a different color?
    Thanks

    August 22, 2014 at 8:23 am #307640
    Dude

    Hey patriscia!

    Afaik this should be possible. You can use the id of the tabs to change the color. I.e.:

    
#top #tab-id-1-container{
background: #333;
}

    will change the background color of tab 1. Replace 1 with 2 if you want to change the background color of tab 2, etc:

    
#top #tab-id-2-container{
background: #ff0000;
}

    You can also apply a custom css class to the tabs element: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ if you want to use multiple tab elements with different background colors.

    Regards,
    Peter

    August 24, 2014 at 9:40 am #308416
    patriscia

    hello and thanks for the reply but doing so changes the color inside the tab. I would like to change the color of the tab where it says the title?
    thanks

    August 25, 2014 at 6:50 am #308635
    Ismael

    Hey!

    You can use this instead to change the color of the tab title:

    .tab_titles div:first-child {
background-color: red !important;
}

.tab_titles div:nth-child(2) {
background-color: blue !important;
}

    The div:first-child is the first tab and div:nth-child(2) is the second, so on and so forth. Refer to this link for more info about css child selectors: http://www.w3schools.com/cssref/sel_nth-child.asp

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.