Woocommerce single product page information tabs background customisation

Hello. I have a black bg website and want to make the background of the information tabs of the product page transparent so that the white text is visible. What is the easiest way to do this?

Hi @svenack

Thanks for reaching out.
To set the background color of the Information Tab in the Product Details page, you may need to add the following custom CSS code into the Theme Options > CSS.

.woocommerce-tabs .x-tab-content
    background-color: #000000 !important;

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.


this does not work for some reason

Hello Sven,

To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.