Changing the Form Tabs color

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?

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.

It worked! Thank you!

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

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/ 

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