Beaverbuilder + Genesis Framework

Beaver Builder
21

You’re most welcome Justin.

22

Hi, I am almost certain BB will not work with most Genesis themes full width until a code is added to CSS does anyone have the link to the post that discusses this?

Never mind I think I found on page one of this thread? is that correct code? Thanks

23

Hi Lark

If you want full-width pages it will usually be adding some CSS (which is specific to each Genesis theme) and then a custom page template, I’m including the code below.

  1. Here is the CSS you can use as a starting point:

.fl-builder .wrap {
       max-width: none;
}

.footer-widgets .wrap {
       max-width: 1280px;
}

.site-footer .wrap {
       max-width: 1280px;
}

.fl-builder .entry {
       margin-bottom: 0px;
       border-bottom: none;
       padding-bottom: 0px;
}

.fl-builder .content {
      padding-top: 0px;
      padding-bottom: 0px;
}
  1. Here is the custom page template. This page template is thanks to ClickWP, you can view the full article here on ClickWP 
<?php

/** 
 * Template Name: Page Builder
 * 
 */

// Force full width content layout to remove sidebar
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

// Make sure certain elements aren't shown
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
remove_action( 'genesis_after_entry', 'genesis_get_comments_template' );

////* Remove structural wrap on .site-inner (if present)
//remove_theme_support( 'genesis-structural-wraps', array( 'site-inner' ) );

// Remove footer widgets (uncomment following line to remove footer widgets)
// remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );

/**
 * Replace genesis() function with our own
 * Modified from framework.php
 */

get_header();

do_action( 'genesis_before_content_sidebar_wrap' );
do_action( 'genesis_loop' );
do_action( 'genesis_after_content_sidebar_wrap' );

get_footer();

I hope that helps…

Athlone