Home › Forums › WoodMart support forum › Dark mode keeps the text as white and the background also stays white for produc

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

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 5, 2023 at 11:09 am #464705

    amitk
    Participant

    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.
    May 7, 2023 at 1:18 am #465052

    Elise Noromit
    Member

    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

    May 10, 2023 at 5:11 am #465780

    amitk
    Participant

    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

    May 11, 2023 at 12:57 am #466053

    Elise Noromit
    Member

    Hello,

    You have provided limited access. Please provide admin rights.

    Best Regards

    May 11, 2023 at 4:34 am #466088

    amitk
    Participant

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

    Thank you

    May 13, 2023 at 12:44 am #466588

    Elise Noromit
    Member

    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

    May 17, 2023 at 7:26 pm #467799

    amitk
    Participant

    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

    May 18, 2023 at 1:42 am #467866

    Elise Noromit
    Member

    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

    May 18, 2023 at 10:37 pm #468164

    amitk
    Participant

    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

    May 19, 2023 at 3:44 am #468199

    Elise Noromit
    Member

    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

    May 22, 2023 at 6:35 pm #468959

    amitk
    Participant

    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.

    May 23, 2023 at 2:07 am #469036

    Elise Noromit
    Member

    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
Viewing 12 posts - 1 through 12 (of 12 total)