Home>Support>Stretch Background Image

Stretch Background Image

By Maine County Commissioner's Association, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hello and thank you for the Vantage Theme:

I’m using a wonderful gradient background image http://wordpress.sagcounty.com/ for the page body content. I’d like to stretch it because it gets dark in the middle of the page. Is there any way to do this? If not, can I change the background color for just that page?

Thank you!

URL: http://wordpress.sagcounty.com/?page_id=273

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

  1. 10 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    Hi

    Thanks for the wait here.

    If you add your gradient back into the page background you could then additionally add the following to Appearance > Custom CSS:

    #main {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

    Just copy, paste and save. Here is the post we’re referencing for that CSS snippet: http://css-tricks.com/perfect-full-page-background-image/. Give that a try and see how it looks.

    Alternatively to set the content area background color for just that page you’d insert the following under Appearance > Custom CSS:

    .page-id-273 #main {
background-color: #9ba7b3;
}

    Change the color listed there as required.

    Let me know how you’ve come along and we’ll take it from there.

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