The Dark Mode widget in Elementor mostly works to display dark surfaces on the UI. I’ll show you A to Z of the widget section by section. So, go through the documentation below.
To Insert Widget
Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.
NB: You can insert the widget at your suitable position.
Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.
Now, I’m going to show the sections of the Content Tab and how they work behind the widget.
Just, go to the Content tab > Dark Mode.
Here, you, in this section, will be able to handle or manage the dark mode button. For that, you have to work with the scroll bars like Horizontal Offset, Vertical Offset, and Animation Time.
If you click on the button, you’ll get a look as you can see in the screenshot. And this is the dark mode effect on a whole web page.
Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
The most important thing in this section is the modes(Day Mode and Dark Mode). Mostly, Day Mode works for the day mode of a web page (you prefer) as well as the button. See the Screenshot below.
Simply, go to the Style tab > Day Mode.
On the other hand, Dark Mode‘s main job is to give a dark effect to a web page you intended. Look at the image below.
Just, go to the Style tab > Dark Mode.
One more thing, if you want you can adjust the size of Icon and Switcher.
Most importantly, you might use Save in Cookies and Auto Match On Theme switcher button. That’s it all.
To sum up, hopefully, you have seen what things our widget developed by Element Pack under Bdthemes includes. And the things will help you get started all you want. You’ll admit all are easy to handle. See the video inserted above and to get more design knowledge. Visit the like URL demo page here.