Hi! Over the past few weeks, I’ve tried it all – dark mode plugins, trying to write some CSS for a toggle, but it seems like none of them work quite how I want them to with the themes features.
For example, when I use any of the popular plugins, they all seem to break the header that I have set, which makes the site look pretty bad – plus, I don’t like the lack of customization offered, and its yet another plugin that I’d need to have.
The main focus of this post, however, is that when I tried adding a toggle to the header hast night, it seems like it broke alot of the styling that I set for my website. Simply adding <code> </code> to the HTML element in the header builder changes the background color of every page on the site, modifies the default font, and adds a bunch of extra stuff around the toggle.
​
[See all of that brown stuff? Theres literally nothing in the code for it. The only code I added was \<input type=\\”checkbox\\”\> \(no styling yet, either\)])​
[It also changed the body font of my site from inter to monotype, and set the background as that slight brown color.])Any idea whats going on with the code, or any suggestions on alternate methods that could work, and allow me to have a toggle between light and dark modes? Any help is appreciated 🙂
[ad_2]