Elementor Dark Mode Settings Tutorial

Elementor Dark Mode Settings Tutorial

In this tutorial I’ll show you how to activate the Elementor dark mode. If you prefer a dark interface you can set it up very easily.

I will explain exactly what you need to do to set this up! 

Table of Contents

Select Elementor Dark mode

The first thing you have to do is open the Elementor editor.

For this example I’ll open the Elementor editor for the home page.

Once the Elementor editor has loaded you need to go over to the hamburger menu in the top corner.

Select Templates in wordpress dashboard

Click on it and then you will have the option user preferences that you need to click on.

Click on User Preferences Select Templates in wordpress dashboard

Over here you can see the option UI theme and by default it’s on auto detect but you need to change that to dark.

Select Elementor Dark Mode Click on User Preferences Select Templates in wordpress dashboard

Now you can see that the Elementor editor is now in the dark mode.

So now you know how you can set this up.

Select Elementor Light mode

If you want to change it back to the light mode you just need to go to the hamburger menu again and click on user preferences.

Then go to the first option and then you can set it to auto detect or you can just select the light mode.

Select Elementor Light Mode Select Elementor Dark Mode Click on User Preferences Select Templates in wordpress dashboard

In the video tutorial I will explain everything in more detail and you can watch it on YouTube over here.

I hope this tutorial is helpful. It that’s the case make sure to subscribe to the channel and drop a like and comment.

Thanks and I hope to see you back in the next tutorial!

Check out the Elementor basics in 7 minutes to learn more.