Home>Support>Different Background Images

Different Background Images

By Newuser, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi I use Vantage theme (not the premium version)
Can I also change the background of only one special page. I tried the custom css and tried to figure out in the .css stylesheet file. However I am new here and not (yet) familiar with coding.

My postid = 138

.postid-138 #main {
background-image: url(“background url link from my image library”);
}

This doesn’t work. Does this not work due to the normal version of Vantage? Thank you guys a bunch for this awesome theme and support btw.

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

  1. 9 years, 10 months ago Newuser

    I am looking forward to your reply.

  2. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Newuser

    Please remember to put your Custom CSS edits under Appearance > Custom CSS (Vantage Premium) or in your own Custom CSS plugin for Vantage Free. Any changes made directly to style.css will be lost during theme updates.

    It sounds like you’re pretty close, try something like this:

    /* Background Images */

body.postid-138 {
background-image: url('http://myimageurltakenfromthemedialibrary.jpg');
}

    When you navigate to the image in the Media Library, click on it and grab the url from the right column grey metabox, it’s listed there.

  3. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    You can also add a background repeat property as follows:

    http://www.w3schools.com/cssref/pr_background-repeat.asp

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