Adressing Intro Feature with CSS/HTML
-
I have a darkmode on my website, that's triggered by the user's system preference. (can also be toggle on/off in the footer).
I would like to adress the Intro feature as well with the darkmode. At the moment the Intro is only available in darkmode, but I want to have a light version as well.
It's kind of difficult finding the right selectors with Google Chrome inspect feature.
Could you help me out, how I can adress the Intro background an SVG overlag with CSS/HTML?
Thanks!
e: so basically could I address the image upload for intro background / SVG overlay through CSS?
-
Any ideas, anyone?
-
Anyone reading this: in my case using this for .intro did the trick:
{color: #f00; -webkit-filter: invert(100%); filter: invert(100%);}
since the two themes are just black/white & white/black
-
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it