Home Forums WoodMart support forum How do I turn on dark mode for Woodmart without using WP Dark mode plugin

How do I turn on dark mode for Woodmart without using WP Dark mode plugin

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #501185

    harshbnshah
    Participant

    How do I turn on dark mode for Woodmart without using WP Dark mode plugin

    #501370

    Hello,

    Go to Theme Settings > Styles and color > Styles > enable the option dark theme.

    Best Regards.

    #502301

    harshbnshah
    Participant

    This is how it looks like after enabling it.

    Attachments:
    You must be logged in to view attached files.
    #502400

    Hello,

    Navigate to the Theme Settings > Typography > Advanced Typography. You can configure the text color according to the color scheme.

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

    If you have any questions feel free to contact us.

    Best Regards.

    #502652

    harshbnshah
    Participant

    How do I change the header background to dark and nav link text to white? I tried the following (didnt work)
    1. Theme settings > Header builder > Edit > Settings > Dark > Save > Save

    Also the Filter button is completely white. Please give a solution for that too

    Attachments:
    You must be logged in to view attached files.
    #502690

    Hello,

    Go to Woodmart > Header builder > edit row and in the style tab change the background color.

    You can change the menu color and hover through Theme Settings -> Typography -> Advanced typography -> create a new rule with the “Main navigation links” item.

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

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woocommerce-ordering select {
    background-color: black;
    }

    Best Regards.

    #503293

    harshbnshah
    Participant

    1. This select is larger than others.

    Attachments:
    You must be logged in to view attached files.
    #503320

    harshbnshah
    Participant

    How do I make this white part #1a1a1a
    Its a Slider called service. On resizing , as the image inside slider does not stretch, the extra whitespace appears, I don’t want it to be white.

    Attachments:
    You must be logged in to view attached files.
    #503360

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    #slide-10794 .wd-slide-bg {
    background-color: #1a1a1a;
    }

    Best Regards.

Viewing 9 posts - 1 through 9 (of 9 total)