Table Of Contents

Dark Mode widget in Elementor

How to Use Dark Mode Widget in Elementor

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 Dark Mode widget in Elementor

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

dark mode 2 - BdThemes

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.

dark mode 3 - BdThemes

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.

dark mode 4 - BdThemes

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.

dark mode 5 - BdThemes

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 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.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 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.