• Resolved Anonymous User 15680313

    (@anonymized-15680313)


    Hi,

    Todat is start working with this template. But there is something i don’t understand. I’m trying to create a landing page and there are a few things i don’t understand.

    – Page atribute (full-width): If I choose this option the page is not showing full-width screen.

    – entry-title: Why does the entry-title showing? Do i need to delete it with php?

    – Page atribute (Blank without container): This page atribute is perfect for a landing page, but the problem here is that the main menu dissapears.

    Maybe i’m doing something stupid or maybe there is an easier way to do this. I hope someone can answer this quetions.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Afterimage Designs

    (@afterimagedesigns)

    Hi tristanmagnus,

    Thank you for using the WP Bootstrap Starter theme.

    For your first question, the full-width template is a normal template that have no sidebar, to make the section side by side you should change your code to something like this

    <section class="full-bleed-section">
        <div class="container">Sample Content Here</div>
      </section>

    The full-bleed-section class is a prebuild class is in the theme so you can use it without adding any additional css

    2nd Question, Yes you can delete it in the template but the easiest solution is to hide it using css
    .page-id-27 #main > article .entry-header {display: none;} /*just change the page ID*/

    or if you want to remove it in all of the page
    #main > article .entry-header {display: none;}

    3rd Question, Yes the blank without container will remove everything which suitable for a page builders.

    After checking your code I found that you did not put your sections inside the entry-content div – https://www.screencast.com/t/uYu7vp0aOs7 so I just rearrange the code and use the full-bleed-section class and this is the output

    https://www.dropbox.com/s/mqfup8r56s22x8m/Screen%20Shot%202017-09-22%20at%2014.48.12-fullpage.png?dl=0

    Here are the CSS code I added in the page

    .page-id-27 #content,
    .page-id-27 #content #primary {
      padding-top: 0;
    }
    .page-id-27 #content #main article .entry-content {
      margin-top: 0;
    }
    #hero {
        background-size: cover;
    }
    

    and here is the source code of your page – https://www.dropbox.com/s/3g9wqqj5wq1jvtz/html.zip?dl=0

    Thread Starter Anonymous User 15680313

    (@anonymized-15680313)

    Thanks that helps a lot!

    Thread Starter Anonymous User 15680313

    (@anonymized-15680313)

    where exactly did you place the:

    <section class=”full-bleed-section”>
    <div class=”container”>Sample Content Here</div>
    </section>

    Because when i change the section class to full-bleed-section it is still not working.

    Theme Author Afterimage Designs

    (@afterimagedesigns)

    Hi tristanmagnus,

    I create a screencast https://www.screencast.com/t/gpvGstaj on how to properly implement the full-bleed section, I added a background in the section for you to see that it will go full bleed. I hope this helped. I visit your web page and it seems you found a solution.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Landing page full width’ is closed to new replies.