Home / Forums / WoodMart support forum / How do I turn on dark mode for Woodmart without using WP Dark mode plugin
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
- This topic has 8 replies, 2 voices, and was last updated 2 years, 1 month ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
October 3, 2023 at 3:56 pm #501185
harshbnshahParticipantHow do I turn on dark mode for Woodmart without using WP Dark mode plugin
October 4, 2023 at 9:44 am #501370
Aizaz Imtiaz AwanKeymasterHello,
Go to Theme Settings > Styles and color > Styles > enable the option dark theme.
Best Regards.
October 6, 2023 at 4:53 pm #502301
harshbnshahParticipantThis is how it looks like after enabling it.
Attachments:
You must be logged in to view attached files.October 7, 2023 at 9:29 am #502400
Aizaz Imtiaz AwanKeymasterHello,
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.
October 9, 2023 at 12:03 pm #502652
harshbnshahParticipantHow 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 > SaveAlso the Filter button is completely white. Please give a solution for that too
Attachments:
You must be logged in to view attached files.October 9, 2023 at 2:00 pm #502690
Aizaz Imtiaz AwanKeymasterHello,
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.
October 11, 2023 at 12:35 pm #503293
harshbnshahParticipant1. This select is larger than others.
Attachments:
You must be logged in to view attached files.October 11, 2023 at 1:50 pm #503320
harshbnshahParticipantHow 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.October 11, 2023 at 3:02 pm #503360
Aizaz Imtiaz AwanKeymasterHello,
Please add this code to the Theme Settings > Custom CSS > Global:
#slide-10794 .wd-slide-bg { background-color: #1a1a1a; }Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register