Docs

[electronicsound]

Hello

Is it possible to stop my product descriptions (on the single product page) from being a toggle box?

I’d like to remove the frame and title completely and just have the content always showing.

Here is a link to the product I’m working on: http://electronicsound.co.uk/product/issue23print/

Thanks!

[Christian]

Hey there,

The description tab should not behave like that out of the box. That doesn’t happen on my test site so there might be something affecting the tab on your end. Please ensure everything us up to date, disable customizations and try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

[electronicsound]

OK thanks I’ll try that.

Is there a way to remove the border/frame and title? (of the description box)

Many thanks

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.single-product .woocommerce-tabs ul.x-nav.x-nav-tabs {
    display: none;
}
.woocommerce div.product .woocommerce-tabs .x-tab-content {
    border: none;
}

Hope it helps 🙂

[electronicsound]

That worked but it seems to conflict with the custom code:

.woocommerce div.product .images .thumbnails>a, .woocommerce-page div.product .images .thumbnails>a,a.woocommerce-main-image.zoom.x-img.x-img-link.x-img-thumbnail.man{
box-shadow: none;
border: none;

Is it possible to combine them so both work?

Also the ‘Product Description’ title still remains. (the small boxed title has gone which is great).

Thank you very much!!!

[Paul R]

Hi,

Please add closing bracket to your code.

eg.

.woocommerce div.product .images .thumbnails>a, 
.woocommerce-page div.product .images .thumbnails>a,
a.woocommerce-main-image.zoom.x-img.x-img-link.x-img-thumbnail.man {
     box-shadow: none;
      border: none;
}

Then to get rid of the title, you can add this under Custom > CSS in the Customizer.

.woocommerce div.product .woocommerce-tabs h2 {
   display:none;
}

Hope that helps.

[electronicsound]

PERFECT

Thank you 🙂

[Joao]

You are welcome,

Joao

[Author]

Posts