Form Tabs Widget: Changing active tab background color

  • Profile Image
    criterions
    Asked on April 30, 2015 at 02:50 PM
    Very cool - works great! Now...one other question. Is there a way to apply a background color to the ENTIRE active tab? I set a background color, but it doesn't fill the entire triangle-shaped tab.
  • Profile Image
    Mike
    Answered on April 30, 2015 at 02:55 PM

    You will need to add some more CSS to change the active tab background color. Please try the following code:

    /* Current code */

    #tabs-list .current {

        color : #0066cc !important;

        font-weight : bold;

        background : #0099ff !important;

    }

    /* Added code */

    .current div.liBefore {

        border-bottom-color: #0099ff !important;

    }

    .current div.liAfter {

        border-bottom-color: #0099ff !important;

    }

    The #0099ff color can be updated.

    Please feel free to contact us if you need any further assistance.

  • Profile Image
    criterions
    Answered on April 30, 2015 at 03:39 PM

    Perfecto! Many thanks!

  • Profile Image
    raul
    Answered on April 30, 2015 at 04:34 PM

    On behalf of my colleague, you're welcome.
    Feel free to contact us anytime, should you require our help.