Return to previous page

How to change the way the tabs appear on products

This topic has 2 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Tony Rodriguez

PR

Participant

January 31, 2023 at 05:32

Hello,

I am using this demo; https://xstore.8theme.com/elementor2/furniture3/product/mg501-cubian-chair/

But how can I get the tabs on the products to look like as they are on this demo; https://xstore.8theme.com/elementor/demos/niche-market02/product/wooden-classical-golden-chairs/

Thanks

#345524 Copied Theme version: 9.0.2

1 Answer
Tony Rodriguez

Support staff

January 31, 2023 at 10:32
Hello,

In order to resolve your issue, we kindly request that you copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser’s cache and check back to your site:
```
.single-product .woocommerce-tabs.type-folders .wc-tabs .et-woocommerce-tab {
    border-radius: unset;
    border: none;
    margin-bottom: unset;
}
```
The result should appear as shown in the image here: https://ibb.co/QcWTdQD.

Additionally, you must set the Tabs settings as per your requirements under XStore > Theme Options > Woocommerce (Shop) > Single Product Builder > Tabs. For a better reference, please see the image here: https://ibb.co/0jfJH1L.

We thank you for your cooperation.

Best Regards,
8Theme’s Team
#345568 Copied
Tagged: appearance, best selling, customization, product tabs, styling, themes, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)