How to change design of WooCommerce product page

Hi there,

how do you want to design them ? Do you have an example ?

Hi David

We'd just like to remove the outline of the tabs. The font, background colours of active tab and everything is fine but we'd like to remove these lines (https://ibb.co/nm1Hv23).

Thank you

Hi Jin,

May you kindly provide a link to one product page where you would like to alter the “outline of the tabs”?

You may use the private information field if your prefer: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. :)

Sure!

Thank you for your response. To remove the “gray lines”, you may try adding this custom CSS:

div.entry-content .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li{
    border:none;
}

Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Adding it through additional CSS should work.

Kindly let us know how it goes. :)

Thank you.

You’re welcome Jin! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. :)