Home>Support>Vantage Premium: A Blank Page Template (Landing Page Style) To Be Used with Page Builder

Vantage Premium: A Blank Page Template (Landing Page Style) To Be Used with Page Builder

Dear Siteorigin team,

Is there a way to add a landing page style template, without header, logo or footer?
So I can build it with page builder plugin only?

I have read the previous thread, and implementing the css code. But the page still shows the usual template (with logo and footer)

Please help!

Thank you

URL: http://rahasiaorgas.me/foredi

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 2 months ago Andrew Misplon Hi, I Work Here

    Hi Ivan

    You could try the following under Appearance > Custom CSS:

    /* Vantage Landing Page */
    
    #masthead, #colophon { display: none; }
    

    Each ID will need to be prefixed with the body class of the page you’re doing this with. For example, if you inspect the source of this page here: http://demo.siteorigin.com/vantage/page-builder/. You’ll see the body class is page-id-14 so the CSS to make this into a landing page would be:

    /* Vantage Landing Page */
    
    .page-id-14 #masthead, .page-id-14 #colophon { display: none; }
    
  2. 6 years, 4 months ago Daniel Murphy

    You could try this one. This code attaches itself to the sample page, which is page 2.
    I think it is more or less what he is looking for. Needless to say, everything can be changed.
    You just mouseover the “Edit Page” at top of your page and look down at the bottom left for your page ID.

    Like so – post=2&action=edit.

    .page-id-2 .site-header {display:none;}
    .page-id-2 .entry-header {display:none;}
    .page-id-2 #colophon {display:none;}
    body.page-id-2 {background-color:#cccccc; margin-top:5%;margin-left:10%;margin-right:10%;}
    

    Regards
    Dan Murphy
    Ireland
    P.S. I love the vantage theme.

    • 6 years, 4 months ago Andrew Misplon Hi, I Work Here

      Hi Dan

      Thanks for your support and for contributing to this thread.

      Much appreciated :)

      All the best.

  3. 6 years, 4 months ago Daniel Murphy

    Thanks Andrew,
    I wanted to add something to my reply yesterday but there is no facility to re-edit.
    Once you post the comment, well that’s it.
    So, here it is.
    Not everybody can afford Lead Pages so here is a fix until you make your first million and pay the big bucks.
    As we all know, vantage is completely responsive so here is something else you can use a vantage blank page for:
    “A Salesletter”. I have added a drop shadow to make it look like a real letter but you can always dump that.
    Here is the code:

    /* Vantage Salesletter */
    
    body.page-id-2 #main{ 
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;}
    .page-id-2 .site-header {display:none;}
    .page-id-2 .entry-header {display:none;}
    .page-id-2 #colophon {display:none;}
    body.page-id-2 {background-color:#0FC4FF; margin-top:2%;margin-left:5%;margin-right:5%;}
    

    Here is a link to an image of the salesletter. I used the sample page again page ID=2.
    http://screencast.com/t/SaQ1ze9W

    Regards
    Dan
    Ireland

    • 6 years, 4 months ago Andrew Misplon Hi, I Work Here

      Thanks Dan. We’ve got some forum improvements on the way soon. Your feedback makes a lot of sense and is noted.

      Thanks for the awesome contribution here. I’m sure someone will find it handy!

      All the best.

  4. 5 years, 9 months ago Kelly Mason

    So over at copyblogger.com they have a landing page ebook that is free. I am reading it now and have permission to pass it along. Go to: http://my.copyblogger.com/basic/landing-pages-ebook/.

    Hope that helps.

    KAMMdesigns.com

  5. 5 years, 7 months ago eel1982

    Daniel, That screenshot doesn’t come up for me. Is the link still valid, because I’d love to see it?

  6. 5 years, 7 months ago eel1982

    Andrew, that worked like a charm. Thank you.

  7. 5 years, 6 months ago Mike Janssens

    Thanks for the codes, guys. It works.
    I have only 1 question: I want to use this blank layout on more than one page. How do I add more page ID’s to the code?

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More