How can I change the colors of form Tabs?

  • JuliaRogers
    Asked on September 1, 2015 at 11:07 PM

    Can I customize the colors of form tabs?

  • Chriistian Jotform Support
    Replied on September 2, 2015 at 7:13 AM

    Hi,

     

    You can try to inject this custom CSS code in your Form Tabs widget to change the color of the form tabs.

    .tabs-list li .current {

    backgound-color:red !important;

    border top: 1px solid red !important;

    }

     .current div.liBefore {

        border-bottom: 28px solid red !important;

    }

    .current div.liAfter {

        border-bottom: 28px solid red !important;

    }

    .tabs-list li {

    background-color: blue;

    }

    .tabs-list li .liBefore {

        border-bottom: 28px solid blue;

    }

    .tabs-list li .liAfter {

        border-bottom: 28px solid blue;

    } 

    To inject the custom CSS to your Form Tabs widget, you need to open the Widget Wizard and add the code in the Custom CSS settings of the widget.

    How can I change the colors of form Tabs? Image 1 Screenshot 20

     

     Do let us know if you need further assistance.


    Regards.