This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Stretch Background Image

Open 1 reply premiumthemetheme-vantage
Maine County Commissioner's Association
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread