Zippy Courses Full-width page template

Beaver Builder
#1

Hi,

Has anyone used the beaver builder plugin with the Zippy Courses theme?

I usually use the Beaver builder theme or Genesis, so I would use Genesis dambuster in order to use the fullwidth capabilities of the bb plugin.

However, I can’t find any such workaround with the Zippy Courses theme. Should I create a new fullwidth template or edit the css for the current fullwidth template?

Thanks
L

#2

Hey Laurence,

That would be correct. You’ll either have to create a new page template which allows for edge to edge content, or add custom CSS to make it so.

Let us know if we can assist further! :slight_smile:

Ben

#3

I think a new page template would be best.

Could you you advise me on what the code for that would be if it were to remove the page title as well.

Thanks
L

#4

Hi Laurence,

As this appears to be a premium theme. Would it be possible for you to provide temp admin access, please? So we can see the themes template code.

Thanks,
Danny

#5

[Content Hidden]

#6

Hi Laurence,

Can you try this, please.

  1. Create a file called “tpl-full-width.php”.
  2. Copy the code below to the file and save.
<?php
/**
 * Template Name: Full Width
 */
get_header();
?>
<main class="site-content" role="main">
  <div id="primary" class="content-area">
    <div class="container-full-width">
      <div class="row">
        <div id="content" class="entry-content" role="main">
          <?php if(have_posts()) : while(have_posts()) : the_post();
            the_content();
            endwhile; endif;
          ?>
        </div><!-- #content -->
      </div>
    </div>
  </div><!-- #primary -->
</main>
<?php
get_footer();
  1. Upload the file to your child theme’s directory.
  2. Now add the following CSS:
.container-full-width {
  width: 100%;
}

Now whenever you select the “Full Width” template your content should be full width.

Thanks,
Danny

#7

That has done the trick!
Thanks

#8

Hi Laurence,

No problem and happy to hear your issue has been resolved.

Thanks,
Danny

#9