Product tabs to show background colour when active

Hello,

Is it possible to give the active tab a background colour as seen here (in blue): https://snipboard.io/2Fve1C.jpg ?

Currently mine looks like: https://snipboard.io/VJHBY4.jpg but you can’t tell which one is active, therefore not very user friendly.

Hello,

Sorry but it is not possible to add the above line for the active tab.

Because the design of the tabs are coming from Elementor. You need to disable the background color then i will provide the CSS to add background color to the active tab.

Best Regards

Hi Aizaz,

If I disable the background colour, will the tabs still be that pink colour with the css?

Hello,

Please remove the background and tell me to check it myself and help you out accordingly and provide you with the CSS.

Best Regards

Hello,

I have removed the background colour. Please check.
https://snipboard.io/REGBgu.jpg

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.wd-nav-wrapper .active {
background-color: blue;
}

.woocommerce-tabs ul.wc-tabs li a {
background-color: pink;
border-top-right-radius: 30px;
border-top-left-radius: 30px;
}

Best Regards

thank you that worked!

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms the hard work we put in every day.

So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts