Zippy Courses Full-width page template

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

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

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

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

[Content Hidden]

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

That has done the trick!
Thanks

Hi Laurence,

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

Thanks,
Danny