fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

toggle-button-for-elementor
elementor-widget-library
Particles Background - Featured Blog

Dark Mode for Elementor

The “Dark Mode Widget”  is a dynamic tool that can transform your website into a stylish, all-black theme that too with just a click. You can enhance your website with a sleek dark mode toggle and offer visitors an enjoyable browsing experience! With our easy-to-use Dark Mode Widget, creating a dark mode toggle has never been simpler. It’s as simple as clicking a button. Fast, easy, and visually stunning, this widget gives your site an impressive dark-mode look in no time.


Let’s look at each of the options in the “Dark Mode Widget” below.

Install Dark Mode Widget for Elementor #

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Dark Mode”
  3. Hover over the widget in the search results and click install
  4. Add your “Dark Mode” widget to any Elementor Page

General Settings #

1

Animation Speed

Set the animation speed in seconds.

2

Button Horizontal Position

Select the horizontal position of button.

  • Left
  • Right
3

Button Vertical Position

Select the vertical position of button.

  • Top
  • Bottom
4

Button Vertical Offset

Set the vertical offset of button in pixels.

5

Button Horizontal Offset

Set the horizontal offset of button in pixels.

6

Button Icon

Choose an icon to display as button.

7

Dark Mode Mix Color

Choose a color to display the dark mode mix color.

8

Dark Mode Background Color

Choose a color to display the dark mode background color.

9

Save in Cookies

It will save the dark mode state in cookies.

10

Auto Match OS Theme

By turning on, widget will automatically match the mode with OS theme.

11

Do not affect images

Turn this option on to prevent images from inverting.

Dark Mode Widget Button Styling #

Set the button size, color, border radius, border, and box shadow of button.

Button Icon Styling #

You can set the icon size, color, color hover, and active color.

Usage Examples #

Here are some live use cases for the Dark Mode Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!