Hi guys
I’m using Vantage Premium on WordPress 4.3.1. Apologies if I’m not explaining properly.
Is it possible to have a full screen home page, with footer only showing and the ability to add links on the home page (down the middle) of course to take you to contact page etc….
Many thanks!
Hi AY
You could try the following at Appearance > Custom CSS:
/* Home */ .home header#masthead { display: none; }That’ll hide the header on the home page. Then for the content use a single row in Page Builder, click the Layout tab on the right and set the Row Layout to Full Width Stretched. Next go to the Media Library, edit the image you want to use, copy the image URL from the right column metabox. Go back to the Page Builder row, click the Theme tab and insert the background image URL there. Next add your content using a SiteOrigin Editor widget or Visual Editor widget.
Finally, how you add space above and below your text and how you adjust that space as you move over to mobile will be exactly the same process as I’ve advised here:
Thread: Page Builder background image won’t rescale for mobile devices
Thread: Pagebuilder Responsive Full Size Image
See the custom-home-hero class I’ve added there etc.
This is a private message.
You would, yes, Home Slider to None.
The background image will be set to cover, I think I added that to the threads I mentioned. We don’t know how big the users screen is so it’s not possible to know an exact size. Try balance load time with resolution. Big. Unfortunately, no simple answer to this one.
Hi Andrew
I've tried all of this but unfortunately it didn't work.
Hi Andrew
Where exactly do I set the “background image set to cover”?
Thanks
Hi AY
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Hi Andrew
Thanks for your reply.
I used boxed layout, change the background image to the image I want to use and added your css code to hide header on the homepage. However, I have the “Masthead background image layout” and footer background” are showing as a huge white box across the homepage – the background colour for these are white, so when I change the colour for these fields in customise, I can tell what that big white box is about :)
How can I remove / hide these?
Thank you
This is a private message.
Sure. To remove the white backgrounds:
.home #main { background-color: transparent; } .home #page-wrapper #colophon { background-color: transparent; }Hi Andrew, thanks so much! that’s helped!
Super :) Glad to hear it. If anything else comes up, please, let us know.
All the best.
Hi Andrew
Me again :)
I actually need to get the background image set for the home page only. It’s currently set for all pages (in theme settings).
I’ve looked at your instructions above again to get the home page only with a background image. If you have a sec to look at the link again, would you mind? Ignore the background image, but you will see that box across the top (just under the menu) – I think that needs to be stretched across the entire screen. Thanks in advance :)
Sure :)
Try the following:
/* Main Menu */ .main-navigation { margin: 0 -95px; } /* Home */ body.custom-background.home { background-image: url('http://www.prosperpurelife.com/wp-content/uploads/2015/11/let_your_health_prosper2.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }Cheers Andrew :)
Unfortunately, this doesn’t change it. Any other advise?
The CSS sent does widen your white menu bar to meet the container. If you remove it, you’ll now see the difference.
The body.custom-background rule does add the background image to the home page manually. You can now add another image via Appearance > Customize or remove the image from Appearance > Customize.
The above two tasks, that was my understanding of them. Can you perhaps clarify what you’d like help with. Thanks :)