How to Use Dark Mode Widget

How to Use Dark Mode Widget

The Dark Mode Widget 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.


Content Tab

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.

Dark Mode

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.


Style Tab

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.

Dark Mode

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.

Video Assist

To sum up, hopefully, you have seen what things our widget developed by Element Pack 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.


About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


Enjoy Black Friday Exciting Deals Right Now. Grab The Deals Before The Time Ends!

Day
Hour
Min
Sec