What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I change the colors of form Tabs?

    Asked by JuliaRogers on September 01, 2015 at 11:07 PM

    Can I customize the colors of form tabs?

    Page URL:
    http://form.jotformpro.com/form/52438721322955?

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 02, 2015 at 07: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.

     

     Do let us know if you need further assistance.


    Regards.