Dark Mode: Product Content Background Doesn’t Adapt
-
Hi WoodMart team,
I’m using the Electronics 3 demo with dark mode enabled.
I’ve noticed that the content inside the product tabs does not automatically adapt to dark mode.
This affects:
Product Description
Specifications
Customer Reviews
The content area keeps a white background (or inline background colors), making the text difficult to read on the dark theme.
At the moment, I have to add custom CSS to change the background and text colors.
Is this the expected behavior?
Is there a built-in WoodMart setting or a recommended solution to make all product tab content automatically inherit the dark mode colors without using custom CSS?
Thank you!
Hello,
You are using a single product layout with Elementor, the Product Description and Additional Information content usually comes from the widgets inside that layout, not from the default product tabs styling. In that case, the white background is coming from the widget background settings rather than from the dark mode itself.
For the description content, please edit the Product Content widget in your single product layout and check its background settings. And remove the white color so the default/dark scheme background can show through, or choose a background color that matches your dark mode design.
The same applies to the Additional Information table widget, open the widget settings and remove the white background color.
See the screenshot for better understanding: https://ibb.co/C5Rvs5DM
Best Regards
.
