Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 20, 2021 at 3:59 pm #1301419
    JantienM

    On my website I used to have three different background colors for the content box of the tabs showing on this page:

    Vriend van Fronik

    I used the code as given on this thread:
    https://kriesi.at/support/topic/tab-section-background-color-for-each-tab/

    Like I said, it used to work, but not anymore. Hope you can help me fix this.

    Thanks!

    May 21, 2021 at 3:04 pm #1301650
    Yigit

    Hey,

    Thanks for contacting us!

    Please edit your element and give it custom CSS class in Advanced > Developer Settings (“my-tabs” in example below) and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

    .my-tabs #tab-id-1-content {
    background-color: #edc112 !important;
}
.my-tabs #tab-id-2-content {
    background-color: silver !important;
}
.my-tabs #tab-id-3-content {
    background-color: #c18100 !important;
}

    Best regards,
    Yigit

    May 21, 2021 at 3:36 pm #1301655
    JantienM

    Thanks Yigit, That works perfect!

    May 21, 2021 at 3:52 pm #1301660
    Yigit

    Hi,

    You are welcome!
    Let us know if you have any other questions and enjoy your weekend :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Different background color for each tab’ is closed to new replies.