How to fix mixed content in Elementor built websites

THIS POST MAY CONTAIN AFFILIATE LINKS. PLEASE READ MY DISCLAIMER FOR MORE INFO.

In this article, you’ll learn (in 2 steps) how to fixed mixed content caused when adding an SSL or https to websites built with the Elementor WordPress plugin.

Most page builders have this issue. And if you’re a web developer or designer building sites for clients, you often use a development domain before migrating the site to your clients hosting and domain.

In which case, these WordPress page builder plugins store those URLs throughout the different pages and in most cases makes it difficult to replace those URLs with a typical Database Search and Replace plugin.

Done-For-You Service

Want us to fix it for you!? If you don’t want to waste time with these tech issues, we’re happy to do-it-for-you! You can feel confident knowing you’ve got an expert fixing it for you!

Another Reason To Use Elementor

They have made this so simple. The solution is built into the Elementor plugin.

Which means you don’t have to mess with database search and replace and avoid the risk of blowing up your site!

PRO TIP: Be sure to backup your website first! Files and database, or what is known as a full backup.

Here Are The Steps

#1 Replace URLs

Elementor => Tools => Replace URL

Then enter the old URL and the new URL.

Elementor SSL Mixed Content

For example, if you built the site on a temporary URL like, devsite.yourdomain.com, that would be the “old-url.com below, and if you are wanting to use a custom domain like, mybusinessdomain.com, that would be the “new-url.com” below.

You want to be aware of the http protocol as well. If your dev site didn’t have an SSL, but your new site does, be sure to use the proper http/https.

In some cases you may need to do this for a couple different “old-urls.com”.

Let me explain. Let’s say you built the site at, devsite.yourdomain.com then migrated to WP Engine on a temp URL, username.wpengine.com, then switched to yourbusinessdomain.com. You will want to do this twice for both of the temporary domains.

#2 Regenerate Files

Still in Elementor => Tools, just switch from the “Replace URL” tab to “General” tab.

Fix Mixed Content Elementor

After you have changed the URLs in the first step, you will want to click “Regenerate Files” as shown below.

This will update URLs through out all the files Elementor creates during the build process, i.e the CSS (style sheet).

The Wrap Up

That is it! You should see that you have the green padlock now and no more warning about some content not being secure.

If this did not work for you, feel free to use the chat or comments for additional help.

Done-For-You Service

Want us to fix it for you!? If you don’t want to waste time with these tech issues, we’re happy to do-it-for-you! You can feel confident knowing you’ve got an expert fixing it for you!