-
madsabriAsked on May 28, 2020 at 7:09 PM
Hello,
Is there a way to change the page tabs color or shape? See attached screenshot.
Thanks.
Sab
Page URL: https://form.jotform.com/92396944669175 -
Jovanne JotForm SupportReplied on May 28, 2020 at 7:20 PM
Hi, thank you for reaching out to us.
You can change the tab color by inserting this custom CSS:.tabs-list.default li.current {
background: yellow !important; }
.tabs-list.default li.current .liAfter, .tabs-list.default li.current .liBefore {
border-bottom: 28px solid yellow !important; }
You can change the yellow to any color you want.
Here is a guide on how to inject custom CSS codes: How-to-Inject-Custom-CSS-Codes
Let us know if this works for you. -
madsabriReplied on May 28, 2020 at 7:41 PM
Hi - I added the CSS but nothing changed.
-
Jovanne JotForm SupportReplied on May 28, 2020 at 8:12 PM
Hi, kindly update the CSS code with this one:
#tabs-list li.current{
background: black !important;
}
#tabs-list .liAfter, #tabs-list .liBefore {
display: none;
}
.tabs-list.default li {
color: #9c9c9c !important;
}
Let us know if this is working on your end. -
madsabriReplied on May 28, 2020 at 9:07 PM
It's working now. Thank you!