Forms Tab Widget - Tab Color / Text editing

  • Clintluna
    Asked on July 18, 2018 at 9:34 PM

    I'd like to change the background color of the tabs in my Forms Tab Widget to #21a6cf , the TEXT color to WHITE and BOLD and its FONT to "OPEN SANS"

    What's the CSS code for this? (Unable to find identifiers for each tab)


    Thanks!

  • Elton Support Team Lead
    Replied on July 19, 2018 at 12:09 AM

    Use this CSS codes.

    .tabs-list.default li {

        color: #ffffff;

        background: #21a6cf;

    }    

    .liContent {

        font-family: Open Sans, sans-serif;

    }

    .tabs-list.default li .liBefore {

        border-bottom: 28px solid #21a6cf;

    }    

    .tabs-list.default li .liAfter {

        border-bottom: 28px solid #21a6cf;

    }

    .tabs-list.default li.current {

        background: #117fa0 !important;

    }

    .tabs-list.default li.current .liAfter, .tabs-list.default li.current .liBefore {

        border-bottom: 28px solid #117fa0 !important;

    Result:

    Forms Tab Widget   Tab Color / Text editing Image 1 Screenshot 20

    I've bold the current/active tab background color so you can change it.

  • Clintluna
    Replied on July 21, 2018 at 10:27 PM

    Thanks Elton, this is Awesome!! You're the best!!