Change Form Tab/Text Color

Hi,

I am looking to get guidance on how to change the form tab and text color.

I saw this code in one of the related question forum but it did not work for me. Not sure if I am putting it in the right place or if the code is outdated.

.tabs-list.default li {

    color: #ffffff;

    background: #21a6cf;

}    

.liContent {

    font-family: Open Sans, sans-serif;

}

.tabs-list.default li .liBefore {

    border-bottom: 28px solid #21a6cf;

}    

.tabs-list.default li .liAfter {

    border-bottom: 28px solid #21a6cf;

}

.tabs-list.default li.current {

    background: #117fa0 !important;

}

.tabs-list.default li.current .liAfter, .tabs-list.default li.current .liBefore {

    border-bottom: 28px solid #117fa0 !important;

} 

Hi Andrea,

Thanks for reaching out to Jotform Support. I'm sorry if you're having difficulties with this. I tried the code you've provided, and it's working as expected:

You will have to inject the code into the widget. Let me show you how:

1. In Form Builder, select the Form Tabs widget and click on the wand icon.
2. Scroll down to Custom CSS and paste the code inside the box.
3. Once you're done, click on Update Widget.

That's it. Give it a try and let us know if you need more help.

Hi Neil,

Thank you, that worked! I was placing it in the wrong place.

I appreciate your help!