Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1394007

    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.

    #1394025

    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

    #1394398

    Thank you! That worked a treat!

    #1394399

    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

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