Change Page Tabs Color or Shape

Hello,

Is there a way to change the page tabs color or shape? See attached screenshot.

Thanks.

Sab

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.

Hi - I added the CSS but nothing changed.

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.

It's working now. Thank you!