Support » Theme: Challenger » Create a landing page template

  • Resolved mannu87

    (@mannu87)


    Hi Ben,

    Need a little help here.

    I want to create a new page template into my child theme.That would be a landing page template. And I specifically want two things into that.

    1. Remove the header. That template shouldn’t have a menu bar
    2. Page builder width. This template should stretch the content from one edge of the screen to the other and remove any margins or paddings for the entire content area.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Ben Sibley

    (@bensibley)

    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 3 years ago by Ben Sibley.
    • This reply was modified 3 years ago by Ben Sibley.
    Thread Starter mannu87

    (@mannu87)

    Okay, I’ll try this.

    Thanks for your response, Ben. šŸ™‚

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome šŸ™‚

    Thread Starter mannu87

    (@mannu87)

    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:

    https://imgur.com/a/rTlg5Nr

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

    Theme Author Ben Sibley

    (@bensibley)

    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.

    Thread Starter mannu87

    (@mannu87)

    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/

    Theme Author Ben Sibley

    (@bensibley)

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Create a landing page template’ is closed to new replies.