Return to previous page

Topic: How to change the way the tabs appear on products

PR

Participant

January 31, 2023 5:32 am

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
Theme version: 9.0.2

#345524 copied to clipboard
Tony Rodriguez

Support staff

January 31, 2023 10:32 am
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 to clipboard

Viewing 2 results

1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

Images before text on menu section

2 months ago by

Side mini show two time checkout and show cart buttons

6 months, 1 week ago by

Instagram feature

1 year, 7 months ago by

8theme system image

Upload your translation files

Click on the desired target language for which you already have a translation.

Choose file (max-size 1mb, zip or rar)

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.