How To Use Any WordPress Page Builder With Genesis Theme

Updated: November 18, 2017
Filed Under:

 

If you want to make your life using the Genesis theme a whole lot easier, then you are probably wanting to use a page builder.

The problem is, Genesis is not coded to work with page builder out of the box. Sad huh?

Well have no fear, the solution is right here. Now you can use Beaver Builder, Elementor, and even Divi Builder with just about any Genesis child theme.

How To Use Any WordPress Page Builder With Genesis Theme

Welcome back to another video my name is Adam
from WPCrafter.com were I make WordPress videos

for non-techies and in this video I’m to show
you how to use any Genesis theme or child

theme and integrate pretty much any page builder
into any of those themes now page builders

have become super super popular I prefer to
build all of my websites using the page builder

and it’s quickly becoming a standard now the
challenge is they don’t fully integrate with

every single theme and I’m going to introduce
a solution to that problem in this video so

with Genesis this is a standard Genesis theme
it’s actually the default parent theme and

if I have a page builder for example I have
Beaver Builder installed this solutions can

be for any page builder this is what the integration
looks like now typically when you’re using

a page builder you want that road to be full
with edge to edge and you don’t want the title

on the page are all this margin on the top
and margin on the bottom you don’t want those

for full page builder integration and so for
Genesis there is an existing solution to this

but what I’m introducing today is a better
way so here I am on this website I want to

go to my plug-ins area and here is the existing
solution is called Genesis damn Buster and

it’s been great and it served the community
well but there’s some things I don’t like

about it first of all this is what the settings
panel looks like when you’re on any kind of

page so for instance years that full with
page I created when you scroll down it is

tab after tab after tab with options and things
you need to check in all that and I just find

it a little more complicated than it needs
to be and then that brings me to the number

two problem with this solution is it only
works on Genesis so what happens if you ever

changed from Genesis themes to something else
you’re going to be SOL which is completely

out of luck you’re no longer going to be able
to use Genesis damn Buster anymore because

it only works with one theme the solution
I’m introducing will work with any theme and

any page builders you’re not locked into anything
so now obviously if your code or you can whip

up some CSS for any theme in any page builder
and do it like that but for the other 98%

of us we want an easy solution so here is
an easy three click solution to get full page

builder integration with virtually any page
builder and virtually any theme and this is

a simple as it is your go to plug-ins you
go to add new and you’re going to search for

the word fullwidth and this is what’s going
to come up full with templates for any theme

or page builder now this is a newer plug-in
I’m one of the contributors it was actually

my idea I realize there needs to be a flexible
way to give anyone with any page builder full

integration with any theme and before this
there really wasn’t a solution for that so

just go ahead and install and activate and
let me show you how easy it is in three clicks

to integrate any page builder with any steam
all we have to do is go back to pages, go

back to that full with page so instead of
creating a new meta-box and just adding more

complexity to your page this is using a native
WordPress feature which is right here templates

and what this plug is gonna do right now it
adds three templates I want added 1/4 one

but is just adding these three right here
fullwidth full with with no header and footer

sets can make it perfect for creating any
kind of landing pages or sales pages where

you want the visitors focus solely on the
content and you don’t want to provide options

for them to go other places on your website
and then full with with no sidebar so what

were going to use most the time is this one
right here full with so just go ahead and

select that and then click on update so I
don’t know if you’re paying attention all

that took was three clicks I scroll down I
clicked on this drop-down I chose the one

I wanted that was my second click and then
I click on update and this is what you get

I want to go ahead and refresh the page and
you get full page builder integration with

Beaver Builder or Elementor or even Divi builder
if that’s what you wanted to use it will pretty

much work with any page builder and anything
now here’s a couple caveats there are thousands

of WordPress themes so invariably you might
find a theme where there might be something

odd happening and all you have to do is open
up a support ticket on WordPress.org and let

us know about it will look into it and we
will update the plug-in to make sure it supports

you a perfect example of this is when we release
that it wasn’t working right with the storefront

theme and so someone told us about it and
within a day or two we updated it and we made

it work perfectly with the storefront theme
so if you notice any weirdness with anything

you’re trying to do all you have to do is
let us know will gladly look into adding support

for your theme however this is already tested
and working with Genesis themes and most other

well coded themes definitely all the most
popular themes and like I said earlier the

best part of the solution is it’s not tied
to a particular theme you can change your

theme and retain all of these beautiful full
width pages so that means for any website

that your building you might as well just
install and activate this plug-in and use

it from day one so you don’t have to later
go back in and select these page templates

for each one of these pages it would just
be a lot easier that way and of course if

you use this plug-in with success we would
be very happy if you went on to WordPress.org

and left a five star review to show your support
because you made it to the end of the video

I have a free gift for you but before I talk
about that I want to ask you to do something

for me if you can give this video a thumbs
up down below that would really help me out

if you’re not subscribed to the channel go
ahead and click on that subscribe button and

become a subscriber and support this channel
and if you’d like you to notify you when I

upload new videos there’s a little bell next
to that subscribe button you can click on

that and set that up as well if you have any
questions or a comment about this video I’d

love to answer it there’s a comments section
down below all you have to do is put in your

question or comment I respond to every single
one I made a course just for you and it’s

called the three steps to WordPress success
and I want to give this to you if you’d like

to enroll in this course there’s a button
right here off to the right you go ahead and

click on that role as a student and that’s
just my way of saying thank you for supporting

me and making it to the end of this video
I make them just for you

Adam @ WPCrafter

My passion is making the best quality video tutorial online, for non-techies. When I am not behind the camera, I am usually helping out one of my YouTube subscribers.
how-to-make-website

How To Make A Website 2019

best-WordPress-webhost

Best WordPress Hosts 2019

website-hosting-discount

InMotion Hosting

50% Discount Offer

free-course-offer

Free Course Offer

WordPress Starter Course

8 thoughts on “How To Use Any WordPress Page Builder With Genesis Theme”

  1. Hi Adam,

    I am a novice with no coding knowledge but do know how to add or delete items. I have been asked to update my company website, serv-allpackaging.com Can you recommend home page builders and tutorials for me to get started.
    Here are some specs that I have to work with. Plug in, WPBakery Visual Composer
    /* # Genesis Framework
    Theme Name: Genesis
    Theme URI: http://my.studiopress.com/themes/genesis/
    Description: The industry standard for Premium WordPress Themes. Please do not modify this style sheet, as it might get overridden in updates.
    Author: StudioPress
    Author URI: http://www.studiopress.com/

    1. Well it looks like the tool used to make your website is Visual Composer. I personally am not fond of Visual Composer, but there are tutorials on YouTube, just not from me 🙁

  2. Hi! Thanks for this video. Our company is seriously considering getting a Genesis theme for our next website and using it with Elementor. I just want to make sure that this solution is guaranteed to work with no complications, slowing down the website etc.?

  3. Adam, you are a lifesaver! I recently installed Elementor and I’m dealing with a really weird situation.
    Everything looks great on the desktop, tablet, and phone UNTIL I open the page with Internet Explorer. As soon as I open the page with Internet Explorer browser, the formats, and designs of the page change on the phone device. Then I have to open the page with Elementor editor and stay there for few seconds and it comes back to normal.
    I leave the link to my website below. Is that possible for you to please take a look at the website on the Chrome and also on the Internet Explorer? I would really appreciate any help!

Leave a Comment

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