How to change background color in Tabs addon. - Forum | JoomShaper
Staff replied SP Page Builder

How to change background color in Tabs addon.

Asked by Josef 11 months ago Last activity 11 months ago

Hello,
I'm trying to change colors in Tabs navigation, but without success. I added following code in custom.ccs

.sppb-nav-pills>li.active>a,
.sppb-nav-pills>li.active>a:active,
.sppb-nav-pills>li.active>a:focus,
{ color: #70402b !important;
  background-color: #c5693e !important;}

but it is always overwritten by another rule in inside link.
Thanks for answer.

3 replies

Paul Frankowski Senior Staff
11 months ago · edited

Ahoj,

Have you tried from Addon settings first?

Anyway, use that instead of yours:

#sp-page-builder .sppb-nav-pills > li.active > a, 
#sp-page-builder .sppb-nav-pills > li.active > a:link,
#sp-page-builder .sppb-nav-pills > li.active > a:hover
{background-color: #c5693e !important; color: #70402b !important;} 

Yes, you made small mistake inside your custom CSS that's why it doesn't work ... one , (comma) too much.

info_3588_2025.jpg

Josef Asked this

hello,
I tried, there is, where the blue color comes from, but I could not find it anymore. There is so many menus, that I got lost 臘
Maybe, You could give me hint. It is better then custom css.

Paul Frankowski Senior Staff

By now just use what I suggested.

Or correct your small mistake.

Log in to reply.