How To Make Any WordPress Theme Compatible With Elementor

Over 2 million people love and use Elementor on their website because it’s the best page builder for WordPress. Also the fact that it is free might have something to do with it 🙂

The problem is not all themes are able to give you those beautiful full-width rows and remove the page title by default.

This need prompted me to contact Brainstorm Force, my favorite WordPress developer, and ask them to solve this problem.

The accepted and created this amazing free plugin.

72 thoughts on “How To Make Any WordPress Theme Compatible With Elementor”

  1. Hello,
    I just install elementor for my site. But, if i use header and footer blocks plug-in then my page background color gets automatically changed. How can i use custom header for my site? I am using flash free theme

  2. Hi Adam
    Hope you are keeping well! I have issues with editing the home page with elementor free version. ‘The content’ error message appear on the screen. Tried with the chatbots to solve issue but couldnt. Tried all factors stated by elementor such as premelinks, plug in, php codes etc. Even reinstalled elemnetor and seemed to have the same issue again. I am using shop isle baby theme.

  3. Hi. I already have a wordpress.org site and would like to use the cherry framework 4 theme. If I purchase the pro version of elementor will I be able to purchase this theme to use with it?

    1. If you are not able to get it working, you can reach out to the theme developer, but most themes are compatible these days.

  4. Hi i am building or developing a wordpress theme from scratch which i want it to be compatible with Elementor without using a plugin how do i do that integration please
    Thanks

  5. Hi Adam, we had a developer create a wordpress site for us and he customised a wp template. Will Elementor still work or will it break our site and his settings?

    1. It depends on how they did it. My experience is, you want to stay away from anything custom coded.

      What you can do is try it in a staging setup so your testing doesn’t affect the live website.

  6. Bonjour

    je voudrais savoir si Elementor Pro est compatible avec BeTheme ?

    Je vous remercie pour votre réponse

    Bonne journée

  7. Hello Adam. Thanks for influencing this plugin. It is a lifesaver. Please, can you prompt Brainstorm Force to update this plugin? It’s been 8 months ago last updated and it’s indicating “Untested with the latest version of WordPress”.

    The reason why I still use this plugin is that elementor’s inbuilt full-width still don’t work with some themes like “Impreza” but “Fullwidth Templates for Any Theme & Page Builder” does.

    Please try and influence this again.

    I will be looking forward to an update.
    Thanks

  8. Hey Adam — Thanks for your work. I’ve downloaded your plugin in hopes of utilizing the “Fullwidth No Header Footer” template. However, when I select any of the templates that come with your plugin and view the page, it removes my Elementor template and reverts back to the original theme (Shapely) as well as not going full-width. Any ideas how this could be happening?

    1. Haha!! That same theme brought me here. Never had so many issues getting Elementor and a theme to coexist. Lordy

  9. “Sorry, the content area was not found in your page. You must call ‘the_content’ function in the current template, in order for Elementor to work on this page.” When I checked out their “learn more” page, it was full of code stuff I didn’t understand. plz give me solution.

  10. Hi. Need help please. I am currently having a website built in WordPress using a bridge theme in native backend. i don’t know how to use naive wordpress n would like to make changes to the website with an easier tool like elementor when it gets handed to me. can it be done? if i install elementor can i then make changes to my website using it or do i need to custom build it again?

      1. Hi Adam, I watched the video to the end and expected you to mention Parallax.

        My problem is I need to have some pages with sidebars and so checking fullpage does not prevent me from getting whitespace above and below those pages.

  11. Robin Manning

    Why is it that when I try to create a new page or edit an existing one using Elementor it take about 2 minutes to load.

  12. Roy Andersen

    Hi, Adam. I have a problem on ny site I really don’t understand. http://rolvsing.no is running on Edge Plus theme – and the pages are built with Elementor. On desktop and Ipad, everything looks great. But if you go in on this site with a phone, your are often hit by a almost blank site. BUT: At the bottom you will find a text-link that says “Vis hele nettstedet”. That’s Norwegian for “Show the entire website”. If you click on this link, THEN the correct front page is shown. What’s wrong?

    1. Sorry to hear about this problem. What I would suggest is activating a different theme and see if you still have the issue. If that fixes it then you know there is an issue with your theme.

  13. Hello Adam, been watching your videos and learning a lot from them as a beginner. So about a week ago I started building my wocommerce store and used a free theme called ”online shop” to build the desktop version for it and didn’t care much about the mobile version. Now that Im editing some stuff on the mobile view, I found that it changes the stuff on the desktop view too. There is no way around with this theme to let me edit two views separately and this really is troubling me a lot. Also I can’t get my theme to work with elementor too as it shows some template.php error. I need some serious help.

  14. Bracknell Churchill

    Hello, i have been using elementor all of a sudden it start saying i can’t edit with elementor suggestions was that i should change my permerlinks to plain and i did it start working again but i need to no hope its not gonna be a Problem using it as plan bcos i av done all most all my site, and now i might have to strt looking for the linked files to rename the links and all, pls what should i do, to allow it work all over again in when the permerlink is on post?

  15. Valentin MariusSlave

    Hello Adam, i need your help in one problem regarding elementor… I just bought a theme from templatemonster.com and i bought elementor pro as well. But big surprise…on this theme elementor doesn’t work. I spoke to templatemonster and they told me that i have to pay an extra 69$ to make it work. Is there something i can do myself without paying this money? They said that elementor is not compatible ….”Your theme was build on Cherry Framework 3.1.5 version. It’s not compatible with Elementor”

  16. Even subscribed to premium plan with WordPress – but no Elementor plugin allowed to be installed – any suggestions? Not willing to subscribe to business just to get the ability to use Elementor.

    Thanks.

  17. Thank you for this! However, my Hestia site still says “Sorry, the content area was not found in your page. You must call ‘the_content’ fuction in the current template, in order for Elementor to work on this page.” When I checked out their “learn more” page, it was full of code stuff I didn’t understand. Any solution for this?

  18. Hi Adam,
    Thanks for this tutorial. I am just starting with WP and am still in ‘research mode’ in terms of what tools and what themes to use. I am pretty much set on Elementor as page builder, but I am completely overwhelmed on the theme front …
    I am currently looking into Shapely, which does not directly support Elementor, and that’s how I bumped into your video tutorial. Unfortunately the ‘solution’ offered here, does not work with Shapely, as Shapely’s front/home page relies on picking Shapely’s ‘Home Page’ template. Any ideas/solutions for that?
    Thanks,
    alex
    p.s.: I am also looking into Astra, which – afaik – is fully Elementor compatible …

      1. Gregory Constant

        Hi Adam, I have a website that I would love you to work one something for me and ask you some idea and I’m ready to pay?

  19. Hello Adam i have seen al lot of video’s you make. And i would say you did do a great job\work.
    I am from the Netherlands,so sorry for my bad english.
    I have a problem with the core settings\ core codes of elementor plugin. First of all i have deactivate all unnecessary plugins accept Elementor. And keep getting java script error’s like these :


    Warning: The type attribute is unnecessary for JavaScript resources.
    30 times this error. And i get this one Error: Bad value for attribute href on element link: Illegal character in query: | is not allowed.
    And these ones: Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

    I hope you got an answer, because i can not edit elementor’s core code, witch i think is cousing these error’s

    Please help me out… Thanks

  20. Hi there Adam
    I watch a lot of movie’s from you. But i have a problem and don’t no where i put my proble.
    Sorry for bad english , i am from Netherlands.
    I got a lot of errors in w3.org from elementor. How can i solve them easy?
    I got no experiance with css html?
    Hope you can help me a little..

    Thanks

      1. I had contact with them and they say it is a problem in elementor, and they say Adam nows the answer??

        Greets

  21. Sir one more question…….Is Customizr Pro (Press Customizr )
    compatible with Elementor and Beever Builder?
    Kindly reply…..
    Thanx…..

  22. Sir is it possible to use Elementor and Beever Builder with
    Newspaper 8 theme?….plz give specific answer..

  23. Hello,

    Any updates on this? I was using Canvas mode too but just read your notes about Google so will need to change that. I don’t like having to keep adding plugin after plugin.

    Thanks in advance,

    Rick

        1. Right now there isn’t an easy way to do it depending on your theme. For example, with the Astra Theme, you can easily design headers with Elementor. Also very soon with Elementor Pro you will be able to design headers.

  24. Hemanta Saikia

    I use genesis magazine pro theme and suddenly i get this error message from elementor: The Content Area Was Not Found in Your Page.
    “Sorry, the content area was not found in your page. You must call the_content function in the current template, in order for Elementor to work on this page.”

  25. Hey there,
    I came across your page because my theme that was previously working with Elementor suddenly does not and I think I messed something up in the code to make it that way. You see I’m using the Underscores starter theme and I’ve done quite some editing to it as I’m using it for my header and footer rather than Elementor. Are you aware of anything that would disqualify a theme from being compatible with Elementor? It’s a little off topic but I’ve been searching for the solution for quite a while now so I figure I’d give it a shot. I already tried uninstalling Elementor, all other plugins, deleting cache, restarting, etc etc. It’s definitely something in the code.

  26. Anyone tried using Elementor in the Newspaper 8 magazine theme? Specifically I want to remove the tagdiv builder and use either Elementor or Beaver Builder on full width pages. Posts I will leave as the Newspaper default.

  27. Thanks for this. I was having this issue when inserting templates and couldn’t work out what the problem was.

    A couple of things. Am I missing something or…

    1. It’s a shame to have to install ANOTHER plugin to solve this problem that surely should be part of Elementor’s design/settings given that templates are one of its main features.

    2. Even when using one of Elementor’s recommended themes (GeneratePress) it still inserts the template content inside the existing page content, which raises the question, when CAN a template be used properly to create the appearance without the plugin you talk about in the video?

    Still learning my way around Elementor but this was a frustrating start….

    1. Haha actually i just realised I was doing it wrong. All the settings are in the page editor – switched the template to Elementor Canvas and full width content etc, not it all looks as it should without having to use the full width template plugin.

    2. Well you don’t need this additional plugin, but it makes things a lot easier. And if you even need to change your theme in the future, you will still have all you content set to fullwidth.

      GeneratePress doesn’t need this either.

  28. Hi,

    Yesterday I purchased a Weight Loss theme.

    and installed in my subdomain …

    After installing this theme, I installed and activated Elementor builder plugin however when I try to edit page it gives me error message:

    “Sorry, the content area was not found in your page. You must call the_content function in the current template, in order for Elementor to work on this page.”

    and I am advised to Learn More by going to this link: https://docs.elementor.com/article/56-content-area-not-found

    Could you please advise if there is any plugin or manual way to fix this issue. I also have the Divi builder, however I believe there is common reason why Divi builder is also not working properly with above theme.

    Thanks
    Angad

    1. Certain pages that your theme creates are solely controlled by your theme, there is nothing you can do about that. Now if it is a fresh new page and you get that message, it is usually caused by another plugin you have installed.

Leave a Comment

Your email address will not be published. Required fields are marked *

Want To Know My Go-to Tech Stack for Building WordPress Sites?

Get immediate access to my top recommendations for hosting, themes, plugins, and more!