Form tabs widget: How to customize form tabs?

Form sekmeleri widgetinde sekme görüntülerini düzenleyemiyorum. Hazır temaların seçtiğimde karmaşık duruyor

Hi adaptto,

Thanks for reaching out to Jotform Support. Unfortunately, our Turkish Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Turkish, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

We appreciate your patience while we work on a solution.

Hi adaptto,

Thanks for your patience and understanding, we appreciate it. We can customize Form Tabs widget using CSS code. Check the screencast below:

As you can see, I can change the color of the tabs by typing a CSS code. Let me show you how to do it:

1. In Form Builder, click on the Wand icon for your Form Tabs widget and inside Custom CSS, paste the code below:

/*tabs color starts here*/

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

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

border-bottom: 28px solid #a4d3fd !important;

}

.tabs-list.default li.current {

background: #a4d3fd !important;

}

.tabs-list li {

background: #e5e5f7 !important;

}

.tabs-list li .liBefore {

border-bottom: 28px solid #e5e5f7 !important;

left: -20px !important;

}

.tabs-list li .liAfter {

border-bottom: 28px solid #e5e5f7 !important;

right: -20px !important;

}

/*Ends here*/

That's it. Let us know if you have any other questions.

teşekkür ederim renk konusunu hallettim

Hi adaptto,

Thanks for getting back to us. I'm glad to know you were able to resolve the color issue. I have created a new thread about your second question on the size of tabs. Please refer to and respond via this thread to avoid confusion, duplication, and delays. 

Let us know if there’s anything else we can help you with.