Hi. inside cornerstone, i have a element that i added the tabs to. The default white color is a bit too light and i want to change the color of the tabs window box itself to make it darker. How can i do that?
Hi There,
Thank you for writing in, please add a CLASS dark-tab to your tab element. Then add this on Theme Options > CSS
.dark-tab>.active>a, .x-nav-tabs>.active>a:hover,
.x-tab-content.dark-tab {
background-color: rgba(158, 158, 158, 0.8);
}
Hope it helps,
Cheers!
Hi.
Two questions.
- Can i do it globally so i do not have to do it page by page.
- This works, but the non selected tab is still very light. I want my non selected tabs to be darker as well.
Hi There,
Please remove the previous given CSS code and add this instead.
/*active tab*/
.x-nav-tabs>.active>a,
.x-nav-tabs>.active>a:hover {
background-color: green;
}
/*non active tab*/
.x-nav-tabs>li>a {
background-color: blue;
}
/*non active tab hover*/
.x-nav-tabs>li>a:hover {
background-color: chartreuse;
}
/*tab content*/
.x-tab-content {
background-color: red;
}
Replace those color values with your desired colors, keep in mind that this will affect all your tab elements.
Hope it helps,
Cheers!
This worked perfectly! thanks.
Glad to hear it!
I’m wanting to change my tabs a different color and font too. I’m new to X and sort of new to WordPress too. I’m not sure where to go to change the code and everything like you show about. Can you please guide me on where to go? Thanks!
Thanks for writing around! You can add the suggested CSS code in https://theme.co/apex/forum/t/change-tabs-color/5509/4 by Friech in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS
Hope this helps!