Dark mode keeps the text as white and the background also stays white for produc

Hey Xtemos support,

attached a screenshot showing the issue, I have checked the typography section as well and all the text fonts are set to black. Not sure why the text is appearing as white along with a white background for the products carousel. This also effects the product page as well. Can you advise on a solution on how to fix this. I have edited the original image and am wondering if it is possible to make the product carousel and the product page have a grey background with green text as shown in the screenshot, specifically the first product on the product carousel with text.
I was also wondering if it is possible to change the colour of the background for the button “more products”

Really appreciate your support.
Amit

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Please include the page URL you show on the screen.

If you have any questions please feel free to contact us.

Best Regards

I have provided the information in the extra information tab, please let me know if I am missing anything and I will reply promptly.
Thank you for your support

Hello,

You have provided limited access. Please provide admin rights.

Best Regards

The role has been changed to admin, apologies for the inconvenience.

Thank you

Hello,

You have set the dark mode, and all the typography is white.

When you add a block it is white by default: https://gyazo.com/7911193c7649be922cad0e171a9bf031

You need either change the background of the blocks you use or change the typography color.

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Thank you for the detailed response, really appreciate it.
Can I also get more insight on how to change the background for the product grid that shows up at the homepage? I sent a screenshot of how I was envisioning it to look.
Thank you so much again

Hello,

Please check this manual: https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart
You have created the templates in the Dashboard > Layouts: https://gyazo.com/fb5d364397192c341c265cbb6264c76e

You can change the background as you usually do.

If you have any questions please feel free to contact us.

Best Regards

I meant the product grid and also when browsing through /shop for example. I wanted the background of each of the product grid to be the colour as shown in the screenshot along with the font change. Can you direct me on where to go to change this?
Thank you so much

Hello,

You need to enter every element you add and set the background for it.

If you have any questions please feel free to contact us.

Best Regards

I tried changing the background on the product grid but I am unable to see the background overlay option, just background and it ends up changing the background of the back portion behind the product cards. I did this through the main homepage and also on a template from Dashboard > Layouts.

Hello,

Please check this source to change the background: https://element.how/elementor-how-to-change-background-color/

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts