Create a landing page template

Hey,

Challenger has a “full-width” page template in the “templates” folder. The easiest way to create your own page template is to copy that file into your child theme and rename the file.

There’s a comment at the top of the file where you can change the name of the template too. Here’s what that looks like:

<?php
/*
** Template Name: Full-width
*/

You’ll want to keep some of the code the same. Lines 11-30 output all of the content and you can delete any of that code to create your own markup.

• This reply was modified 6 years, 2 months ago by Ben Sibley.
• This reply was modified 6 years, 2 months ago by Ben Sibley.

Okay, I’ll try this.

Thanks for your response, Ben. ??

You’re welcome ??

Hi Ben,

I tried out but couldn’t figure out the solution.

When I add a block and make it full-width, I want it to stretch out completely from left to right. Here’s what I mean:

View post on imgur.com

Is it possible to disable this boxed layout and stretch it so that it covers the whole screen.

Do you have a live URL I could check out? I can provide you with some CSS or an edit to your template file to make this work. It’s just tough without seeing exactly what the existing HTML looks like.

I’m working on the local host. But I’ve created a page on my website so that you’ll get the idea. Here’s the link:

https://msinghcopy.com/test-page/

This headline block isn’t covering the full width on the page.

Here’s the link to see how it this block should actually cover the full width.

https://wpstackable.com/header-block/

Thanks!

This CSS should do the trick:

.page-template-full-width .loop-container,
.page-template-full-width .post-content {
  max-width: none;
}
.page-template-full-width .main {
  padding: 0;
}

Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.