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

    Changing the Form Tabs color

    Asked by jhbdc on December 01, 2015 at 07:18 AM

    Hi all, I am trying to find out if it is possible to change the colour of my form tabs to #1c9abd? with white font?

     

    Page URL:
    http://www.johannesburgdreamcenter.org/#!volunteer/c22kz

    colour color form tabs form tabs widget tabs custom css
  • Profile Image
    JotForm Support

    Answered by Jan on December 01, 2015 at 10:34 AM

    You need to apply these custom CSS code on the Form Tabs widget.

    .tabs-list.default li {
    background: #1c9abd !important;
    border-top: 1px solid #1c9abd !important;
    color: #ffffff !important;
    }

    .tabs-list.default li.current {
    background: #1c9abd !important;
    border-top: 1px solid #1c9abd !important;
    color: #ffffff !important;
    }

    .tabs-list.default .liAfter, .tabs-list.default .liBefore {
    border-bottom: 28px solid #1c9abd !important;
    }

    .tabs-list.default li.current .liAfter, .tabs-list.default li.current .liBefore {
    border-bottom: 28px solid #1c9abd !important;
    }

    Please follow the steps below in order to add custom CSS on the widget:

    1. Select the Form Tabs widget and then click the "Wizard" icon.

    2. On the Form Tabs settings, please scroll down and you'll see a box where you can put custom CSS.

    3. Click the Finish button when you're done.

    Hope that helps. Thank you.

  • Profile Image

    Answered by jhbdc on December 02, 2015 at 11:45 PM

    It worked! Thank you!

  • Profile Image
    JotForm Support

    Answered by Jan on December 03, 2015 at 04:17 AM

    Glad to hear that it is working on your end. Let us know if you need any help. Thank you.

  • Profile Image

    Answered by SpiritofGeorgia on December 04, 2015 at 12:45 PM

    Thank you for this! I tried all of the variation in the forum and this is the only one that worked!

    http://www.jotform.com/answers/718038-Problems-with-Form-Tab-Widget-Custom-CSS/ 

  • Profile Image
    JotForm Support

    Answered by Welvin on December 04, 2015 at 01:46 PM

    You're welcome. Please contact us again if we can help in any way.