Full width page template for BeaverBuilder with Genesis

Beaver Builder
1

Dear Forum Members,

We are just starting to add / modify a few pages of our site with BeaverBuilder. In this context, we notice that BeaverBuilder does not create full width pages by default.

How can we create a new full width page template that we can use on some pages with BeaverBuilder?

This is our site: www.pairfum.com

This is our setup:

  • WP 4.1
  • WooCommerce 2.2.11
  • Genesis Framework 2.1.2
  • EnvyPro child theme

We have created a new full width template using this code but it does not seem to be the solution:
<?php
/*

  • Template Name: Full Width Page
    */

/** Force full width layout */
add_filter( ‘genesis_pre_get_option_site_layout’, ‘__genesis_return_full_width_content’ );

genesis();

source: http://www.studiopress.com/forums/topic/full-page-template-problem/

I would very much welcome your suggestions on how we can achieve full width pages in BeaverBuilder.

Many thanks for your help.

Kind regards,

Pairfum

2

Hi Pairfum,

Thanks for getting in touch! Have a look at our plugin dev docs for a bit of clarification on the need for code to accomplish full-width. That should get you pointed in the right direction there. Let us know if you need anything further!

Best,
Billy

3

Dear Billy,

Many thanks for your reply.

I presume you are pointing me at the section entitled ‘full width rows’.

Unfortunately, I do not know where to place the CSS code that is shown in the section ‘full width rows’.

We are only looking for a full width solution for some pages not all of them.

Is it not possible to create a new page template that is full width ?

Kind regards,

Pairfum

4

Hi Pairfum,

Apologies for the delay. Any custom CSS can be placed in your Genesis child theme. You can target specific pages using the body class page ID. Hope that helps!

Best,
Billy

5

Dear Billy,

Many thanks for your reply.

I would prefer not to target specific pages via a body class ID.

Instead, I was looking at this post:
http://cobaltapps.com/forum/forum/dynamik-skin-forums/tools-tips-other-skin-resources-aa/39470-fun-with-beaver-builder

I would just create the two template files manually and add the CSS code to the bottom of the child theme’s style.css file.

Will this work ?

It is an instruction that is much easier for me to follow, as I just need to copy & paste.

Kind regards,

Pairfum

6

Hey Pairfum,

Yes, that is a great starting point!

Best,
Billy