New! Create headers, footers, blog layouts, and more with Beaver Themer. See how it works.

Choosing the Right Theme for Beaver Builder

choosing the right theme for Beaver Builder
Hey all. I'm excited to introduce a guest author and friend, Joe Casabona. Joe was generous enough to share this lesson from his course, Up and Running with Beaver Builder.

The is a preview from the WP in One Month Course, Up and Running with Beaver Builder.

One of the great things about Beaver Builder is that it gives you complete control over the content area of your website. You can add rows and columns of content, calls to action, images, post lists, sliders, and much more; you have seemingly unlimited flexibility. However, there is one barrier that does create limitations: the theme. While Beaver Builder is compatible with just about any theme, some definitely lend themselves better to the plugin. In this tutorial, we’re going to look at what Beaver Builder replaces, what to look for in a theme, and ultimately how to pick the right one for your site.

The Content Area

So what exactly does Beaver Builder replace? Beaver Builder basically replaces whatever you can change with the WordPress Editor. For example, If there is a set footer on posts with the author, categories, tags, and date, you will not be able to edit them. On the technical level, it replaces anything that is added with the the_content() template tag. Let's look at an example using Twenty Sixteen.

In this first screenshot, we see a page with some basic content on it, using the WordPress editor. There’s even a shortcode in there that no longer works. That shortcode comes from the widget shortcode plugin, which has been disabled. We see the actual shortcode, which highlights another limitation of the default WordPress Editor.

In the next screenshot, we see the same page using Beaver Builder's Page Builder. The red box was added to highlight the editable section.

Only a small section of the page for Twenty Sixteen is editable. The title of the page still displays where it would normally show up, and the sidebar cannot be removed. Because of this, we aren’t taking full advantage of the page building tool.

Based on this, we should highlight a few things to look out for if you'd like to choose your own theme.

Finding a Good Theme

Here’s a list of useful criteria for finding a good theme that fully takes advantage of Beaver Builder:

  • Make sure it suites your needs. Whether you're building a site for a restaurant, a sports team, a college, or whatever, make sure the theme has the look and feel you're going for.
  • Find one that's flexible in terms of header and footer elements. One of the hallmarks of Beaver Builder is it allows for incredibly flexible content. Try to keep that going with the site’s header and footer. This could be through a robust customizer, widget areas, or other theme options.
  • Look for a theme with a full-width content area (either by default, or using a Page Template). Beaver Builder allows for some great page layouts and having a full-width content area goes a long way it making those layouts look even better. You also want to have as much flexibility as you can, so if you can exclude the sidebar, you should. You can always add one in using one of Beaver Builder’s predefined layouts or page templates.
  • Try to find one where you can disable the title. Placing the title on the page could play a big part in the look and feel of the site, so if you can find a theme that will hide the title by default, that's great! If not, you could always recruit the help of a plugin. There’s an inherent added bonus here: the page’s heading doesn’t have to make the page’s name in the admin.
  • The fewer page elements, the better! Much like looking for a full-width content area and no title, the fewer elements on the page means the less you have to fight with. Less is more here, because Beaver Builder will handle a lot for you.

Good Themes for Beaver Builder

Based on this criteria, here are a few good themes that might work well with Beaver Builder:

As a reminder, Beaver Builder works with just about any theme, but some will definitely work better than others.

The Beaver Builder Theme

Perhaps the best theme to use with Beaver Builder is their own theme, which is available in the Pro and Agency packages. The team took the same approach they took with building the page builder, so it easily meets all of the criteria above, and does a lot more. With a robust set of tools in the Customizer, you can transform the theme quickly and easily to suit just about any need you have. This is the theme that we will be using in the rest of the course, using it to do the following:

  • Build a custom header and footer
  • Modify the content area
  • Create and apply a color scheme
  • Apply and modify the typography using all of the fonts available at Google Fonts

…and all without touching any code. However, if you are comfortable with code, the Beaver Builder accounts for that too, allowing you to insert custom CSS, as well as custom code in the head or footer of the website.

Wrapping Up

Beaver Builder’s Page Builder gives us the opportunity for a robust set of pages with endlessly custom designs and layouts. It’s incredibly important to pick a theme that nurtures that functionality. While the plugin works with just about any theme, Beaver Builder’s Theme is the clear winning as far as matching functionality and flexibility.

Do you have a favorite theme that we haven't mentioned? Leave us a comment and let us know which and why!

About Joseph Casabona

Joe Casabona is a Front End Developer that works in WordPress…a lot. In 2014, he authored a book called Responsive Design with WordPress, develops WordPress courses over at WP in One Month and has developed an accredited course on WordPress theming. He also hosts the How I Built It podcast.


  1. Bob on April 26, 2017 at 12:01 pm

    With BB I’m not sure that Headers and Footers are all that relevant any more. What I mean is, can’t I simply create a section and put my own logo, menu, and other elements on it and then save it as a template and put it on any page I want? Same with footers? Or am I missing something here?

    • Robby McCullough on April 26, 2017 at 1:38 pm

      Sure, you can definitely do that! Our upcoming extension, Beaver Themer, will streamline that process, too. For now, though, all WordPress sites still need a theme. It’s a matter of personal choice, I guess. Most people probably prefer to use a theme’s default header/footer structure, but we’re hoping to change that very soon! 🙂

  2. David on April 27, 2017 at 2:25 pm

    Hah, great post & great timing! I’m just about to release “The WordPress Page Builder Framework” – a theme created to work especially with front-end page builders. It’s currently in public beta –

  3. Alex Vasquez on April 28, 2017 at 6:31 pm

    Noice article, JC2fresh! I’ve used Beaver Builder on a number of projects and on some of them I use my own starter theme. The theme is definitely on the more advanced side of the things but works well with Beaver Builder and has options for removing the title as well as full-width templates. It’s called Some Like it Neat:

    • Robby McCullough on April 30, 2017 at 2:54 pm

      Awesome. 🙂 Thanks for sharing!

  4. Simon Mayeski on May 15, 2017 at 10:01 am

    The coupon offered for the course shows as expired: “This coupon has expired.”

    • Robby McCullough on May 15, 2017 at 11:27 am

      Awe, sorry about that. I think the coupon was only for a limited time. I am updating the article, but I will contact you privately. 🙂

      • Joe Casabona on May 15, 2017 at 11:35 am

        Hey Guys! I’ve decided to extend the discount. The official expiration date is May 29th 🙂

        • Robby McCullough on May 15, 2017 at 11:43 am

          For the record here, the coupon code is BBBLOG

  5. Jessica on June 13, 2017 at 4:40 pm

    You mentioned Genesis Framework, but didn’t mention the child theme. For those of us not savvy with integrating all yet, do you have recommendations for child themes that will both 1) work with the BB plugin and 2) work with the genesis framework?

    For beginners looking to use the highly talked about Genesis Framework, choosing compatible child themes is a challenge. Great article otherwise though!

    • Robby McCullough on June 15, 2017 at 9:20 am

      Hey Jessica! Thanks for reading. Most theme’s (including the Beaver Builder theme) will come with a bare bones child theme that you can use for customizing. Genesis takes this a step further and there are many different Genesis Child Themes that have additional customizations. I don’t have a lot of experience with the different Genesis Child Themes, so I wouldn’t be a good person to answer that. Sorry. I would check out any of the Genesis user groups and ask there. 🙂

  6. amleon on November 2, 2017 at 11:37 am

    What do you think of integrating beaver builder with the zephyr theme? I really like the theme, but the editor tool Bakery page builder is not working well.

  7. Luke Cavanagh on November 15, 2017 at 1:00 pm

    OceanWP is another theme, which works great with Beaver Builder.

  8. Tejiri Ubioworo on January 24, 2018 at 4:53 am

    Does the Beaver builder and themer work with the Newspaper theme 8.5?

  9. Chris Vaughn on January 26, 2018 at 10:23 am

    Thanks for such an informative piece. I have a question however that I am hoping you can answer. We used the Tesseract Theme to build our original site as well as Beaver Builder (which we love). Recently some issues with the TT nearly locked us out of our site, and then we discovered some disturbing things about the “company” which has caused us to make some decisions to move away from that particular theme. We would love to use the Beaver Theme, but honestly can’t afford the $199.00 right now. With that in mind, do you have a suggestion as to which Theme is the most friendly with Beaver Builder (outside of their own) that is VERY easy to use. I am a novice at this. Thanks so much.

    • Robby McCullough on January 28, 2018 at 11:41 am

      Good choice. We use the BB theme for just about everything around here, but I would recommend checking out the Astra Theme and GeneratePress. Many of our users have a lot success with those two themes+BB.

      • Chris V on January 29, 2018 at 8:24 am

        Thanks so much for your input. I will check out what you recommended with hopes to be able to purchase the BB Theme soon.

Leave a Comment