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.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.