Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2023 at 10:09 pm #1394007
    NCATIT

    Hello there, I’m hoping someone can help me figure out how to color the icons inside of tabs.
    I’m able to color all of them the same like this:

    #top .tabcontainer .tab_icon {
    color:#001589;
    }

    I have three tabs with the same icon.
    What if I want one tab icon blue, one yellow, and one red?

    Thank you.

    January 19, 2023 at 5:40 am #1394025
    Nikko

    Hi NCATIT,

    Each tab counter has a unique class name which you can use, try to use the following code (with comments)

    /* All tab icons */
#top .tabcontainer .tab_icon {
    color: blue;
}

/* 2nd tab icon */
#top .tabcontainer .tab_counter_1 .tab_icon {
    color: yellow;
}

/* 3rd tab icon */
#top .tabcontainer .tab_counter_2 .tab_icon {
    color: red;
}

    .tab_counter_3 would be the 4th tab counter and so on.
    I hope this helps.

    Best regards,
    Nikko

    January 19, 2023 at 4:19 pm #1394398
    NCATIT

    Thank you! That worked a treat!

    January 19, 2023 at 4:21 pm #1394399
    Yigit

    Hi,

    Great! Glad Nikko could help :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

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