-
ClintlunaAsked on July 18, 2018 at 9:34 PM
I'd like to change the background color of the tabs in my Forms Tab Widget to #21a6cf , the TEXT color to WHITE and BOLD and its FONT to "OPEN SANS"
What's the CSS code for this? (Unable to find identifiers for each tab)
Thanks!
-
Elton Support Team LeadReplied on July 19, 2018 at 12:09 AM
Use this CSS codes.
.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;
}
Result:
I've bold the current/active tab background color so you can change it.
-
ClintlunaReplied on July 21, 2018 at 10:27 PM
Thanks Elton, this is Awesome!! You're the best!!