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
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; }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.
Hi Dan
Thanks for your support and for contributing to this thread.
Much appreciated :)
All the best.
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
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.
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
Daniel, That screenshot doesn’t come up for me. Is the link still valid, because I’d love to see it?
Andrew, that worked like a charm. Thank you.
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?