Return to previous page

How to Change the Active Tab Color in a Tab Element

This topic has 8 replies, 2 voices, and was last updated 2 months, 1 weeks ago ago by Rose Tyler

Merin

Participant

October 10, 2024 at 07:01

I’m unable to change the active tab color when multiple tabs are present on the page. I’ve added the tab element and tried adjusting the settings, but the active tab color remains unchanged It s a grey colour as the screenshot. How can I resolve this issue effectively?

Files is visible for topic creator and
support staff only.

#418079 Copied

7 Answers

Rose Tyler

Support staff

October 10, 2024 at 08:37

Hello, Merin,

Thank you for reaching out to us with your concern. We understand that you are experiencing difficulty in changing the active tab color on your page. Please provide the URL of the page here.

Best Regards,
8Theme’s Team

#418103 Copied

Merin

Participant

October 10, 2024 at 10:09

https://anandk60.sg-host.com/obstetrics-and-gynecology/

#418122 Copied
Rose Tyler

Support staff

October 10, 2024 at 12:33
Hello, Merin,

Custom CSS code can be used: https://prnt.sc/Zt_y9qYmr5gk
```
.vc_tta-color-sky.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    border-color: red;
    background-color: red;
    color: black;
}
```
Best Regards,
8Theme’s Team
#418152 Copied
Merin

Participant

October 14, 2024 at 13:44

I tried this code. But not working. Please provide an alternative solution

#418603 Copied

Rose Tyler

Support staff

October 14, 2024 at 14:03

Hello, Merin,

Please check now – https://prnt.sc/G54SUCDjXr4I

Best Regards,
8Theme’s Team

#418608 Copied

Merin

Participant

October 15, 2024 at 07:59

Thank you! It’s working perfectly now.

#418709 Copied

Rose Tyler

Support staff

October 15, 2024 at 09:28

Hello, Merin,

You’re welcome!

Best Regards,
8Theme’s Team

#418723 Copied
Tagged: change active tab color, customize woocommerce tabs, improve woocommerce store appearance, personalize woocommerce tabs, woocommerce tab element guide, wordpress woocommerce themes
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to Change the Active Tab Color in a Tab Element’' has been successfully resolved, and the topic is now closed for further responses

How to Change the Active Tab Color in a Tab Element

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection