Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

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.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.