Hello Matteo, hoping I'm providing the information you need: since you can assign any background color you want to the page but you need to specify the type of background dark or light,
all the css styles concerning the elements in the page are prefixed with .light-content
so for example for elements with light background the styling would look like
.element_class{
color: #000000;
}
when you switch to dark background type it will look like
.light-content .element_class{
color: #ffffff;
}
so they will be automatically applied when class light-content is assigned to the top page element
Hi there,
do you have the CSS snippet to automatically change the header's background color on depending of the dark/light theme of each page?
Thank you in advance
Attached files: Harington_DarkMode_Menu_1.png
Harington_DarkMode_Menu_2.png
Hello Matteo, hoping I'm providing the information you need: since you can assign any background color you want to the page but you need to specify the type of background dark or light,
all the css styles concerning the elements in the page are prefixed with .light-content
so for example for elements with light background the styling would look like
.element_class{
color: #000000;
}
when you switch to dark background type it will look like
.light-content .element_class{
color: #ffffff;
}
so they will be automatically applied when class light-content is assigned to the top page element
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi there,
I managed to fix the header in LIGHT version. I've trouble to fix it in DARK version.
What I'm doing wrong? (please see attachment).
Thank you in advance
Attached files: Header_CORRECT.png
Header_WRONG.png
MENU_CORRECT.png
CSS_Header_Dark_Light.png
Can you specify .light-content header as css selector instead of header .light-content ?
Also, can you send us the page/site URL?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Perfect, thank you! This ticket can be closed.