Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I have created a background because I desire a scrolling page- the dimensions are 1400px x 5161px – this makes it long- and tall- I cannot seem to find a way to set the page without the last portion being cut off- Please help!! Thank you
Hi Kristin,
To clarify, are you trying to ensure the entire image is being shown at once (regardless of page length) or is the image not outputting, when able, completely?
Do you have a public URL where we can take a look at your setup with this image present? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
By the way, as you’re a Vantage Premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on this page. Please reference this thread and include your SiteOrigin order key in the email.
This is a private message.
Hi Kristin,
Very sorry for the delay.
It looks like you hide the masthead via a page setting. Please open the page editor and scroll down to the Page Settings box. Untick the Hide Masthead setting and save the page.
Okay, so I understand now. You shouldn’t use a background image for this as it’s impossible to make it as responsive as you’ll need it to be. Instead add an HTML image (![]()
vs background-image) and then give that element a class called, full_height_image
Then add the following CSS:
.full_height_image { position: absolute; top: 0; left: 0; width: 100%; height: 1000px; /* Adjust this! */ z-index: 1; }Once you’ve done that, please let me know and I’ll provide more CSS based on the results. Please note that it’s unlikely to display as desired at first so please be aware of that. I won’t be delaying my reply this time so please don’t be worried about that – consider creating a copy of the page and trying it on that page instead.
This is a private message.
Hi Kristin,
Preface: I may be a tad slow with my VC specific replies as I’m very unfamiliar with that page builder. :(
Add it to a text block element or single image element. You can follow this guide on how to add a class.