Change page to dark theme

Hello,

We changed the page to a dark theme. When we changed it back, some elements still show the dark theme, such as the submenu, my account and mobile sidebar and menu.

How can I get it back to normal?

Kind regards,
Margit

Attachments:

You must be logged in to view attached files.

Hello,

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

body .wd-event-hover:hover>.wd-dropdown{
    background-color: red;
}
body .wd-side-hidden {
    background-color: red;
}

Change the color as per your requirements.

Best Regards.

Hi,

Thank you!

Category name and all text is also white now but should be black.

Kind regards,
Margit

Hello,

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 the Theme Settings > Typography > Advanced Typography.

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

Best Regards.

Hello again,

Thank you for the code.

Unfortunately, I still have a dark background in the mobile menu and also search background is dark .
I want to get it back to how it was before.

Kind regards,
Margit

Attachments:

You must be logged in to view attached files.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.wd-nav-mobile li:active>a, .wd-nav-mobile li.opener-page>a {
    background-color: #a09292 !important;
}

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

[class*="color-scheme-light"] .wd-scroll, .wd-scroll.color-scheme-light {
    background-color: #d5c7c7;
}

Best Regards.

Hello,

It’s not ok, these solutions don’t work. For example, there is still a dark background on the search hover.

How can I get back to the settings I had before I switched on the “dark theme”? Will reset all settings restore the previous situation?

Kind regards,
Margit

Hello,

Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards.

Hi,

Information added.

Kind regards,
Margit

Hello,

This code is working fine on your site. Here you can see the drop down of the search results background.
https://ibb.co/bWDJPgV. For the hover background color I have added the custom css into your theme settings. You can change the color as per your requirements.

.autocomplete-suggestion:hover, .autocomplete-suggestion.autocomplete-selected {
	background-color: red !important;
}

Also the mobile menu background color is changed fine.
https://ibb.co/Cbh2jYL

Best Regards.

Hello again,

There are still errors inside the search list in both desktop and mobile view – product name is white. Also the word search displays white in mobile view. See screenshots

Attachments:

You must be logged in to view attached files.

Hi,

There are errors in cart widet also.
I don’t think we can solve these bugs with css. Can a reset all settings restore the previous situation?

Kind regards,
Margit

Attachments:

You must be logged in to view attached files.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section.

body .wd-side-hidden {
    background-color: red !important;
}
.cart-widget-side .wd-scroll-content {
    background-color: #0c0909;
}

Best Regards.

Thank you, I appreciate all the CSS, but that is just patching up the fact that the Dark theme is not working properly. I just need another Css from you if you may.
The following cart view hover is black, but that hides the price completely, can you provide me with the needed Css to change the color?
Best regards,
Margit

Attachments:

You must be logged in to view attached files.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section.

.cart-widget-side .woocommerce-mini-cart .mini_cart_item:hover {
    background-color: #765959 !important;
}

Best Regards.

[Author]

Posts