Cannot Obtain Full Width on Posts (Only Pages)

BB Theme
1

Hello guys,

I tried searching, but could not discover an answer for this. I am using the Beaver Builder Child Theme and although I can go full width on elements on my Pages, when I try to do this for a post it prevents it. It seems the pots have an inner container limiting all content to 1024px wide max. Anyone know a way to make posts function like pages so I can use full width and fixed elements as I desire?

Thanks for your time.

2

Hi Jonathan,

Unfortunately, you can only add modules to the content area on posts. If you wish to have full width Rows/Modules on your single posts. You can get around this by doing one of two things:

  1. Use the new shortcode functionality and use a hook via a child themes functions.php file and the do_shortcode function to load the BB shortcode.
add_action('HOOK_LOCATION', 'my_single_custom_modules');
  function my_single_custom_modules(){
   echo do_shortcode('[fl_builder_insert_layout slug="YOUR PAGE SLUG GOES HERE"]');
 };
  1. Similar to above, but instead use a child theme and override the single.php template and add the shortcode to the template.

For example:

<?php echo do_shortcode( "[fl_builder_insert_layout slug='YOUR PAGE SLUG GOES HERE'] "); ?>

For more information, see this topic I replied to, which should point you in the right direction. If you need any further help, don’t hesitate to ask.

Thanks,
Danny

3

Hey Danny,

So for option 1 above I am not entirely clear on what page slug I would be entering into the code. Would I be creating just a blank page that the function.php would then use a template for the post pages going forward?

By the way I read the other thread and that answered another question of mine, so thank you!

4

Hi Jonathan,

I apologise, I wasn’t entirely clear :smiley:

Basically, the page slug comes from you creating a new page in the WordPress Admin Dashboard > Pages. Call this page something distinctive for example Single Post Module.

Then you need to load up the Page Builder, select the blank template and then add or create the module, you want to appear on your single posts and publish the page. If you use an SEO plugin, set this page to not be indexed by search engines.

Now you have all that done, you will want to use the page slug, the page slug in the name in the address bar. If you name the page I mentioned above i.e. Single Post Module then the slug should be “single-post-module” without quotes.

You then use that in the code I provided above replacing YOUR PAGE SLUG GOES HERE. I would recommend reviewing our Shortcode docs article, which explains in greater detail how to identify the page slug.

http://forum.wpbeaverbuilder.com/knowledge-base/shortcodes/

Thanks,
Danny

5

Alright, I did this and it only seems to work if I then type the shortcode into the POST via an HTML module, and it is still being contained and cannot go full width, even if the page template I created is full width.

Any thoughts?

6

Is it possible to accomplish by altering the container css?

7

I tried option 2 and it replaced every single post with the template page, but it was uneditable. So it made each post page full width, but I could not utilize it.

8

Alright, I solved it. I just copied the contents of page.php to single.php

Now I can do what I want! Thanks for all your help.

9

Hi Jonathan,

Happy to hear your issue has been resolved and thank you for informing us. We appreciate it.

Thanks,
Danny