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.

Replies

3
  1. Andrew Misplon Staff 11 years, 10 months ago

    Hi Ryan

    Thanks for running Vantage.

    If Vantage is in boxed layout mode you can set a background image via Appearance > Customize > Background Image. You’d then need to set the opacity of your main containers by inserting the following under Appearance > Custom CSS:

    /* Vantage Set Page Opacity */
header#masthead {
background: rgba(255, 255, 255, 0.5) !important; 
#main {
background: rgba(255, 255, 255, 0.5) !important; 
}
#colophon {
background: rgba(255, 255, 255, 0.5) !important; 
}

    The first three numbers for each property is the color followed by the opacity. The containers go header, body and then footer (#colophon).

    To set a background image when using the full width layout you’d need to use Appearance > Customize and set a masthead, page and footer background on their own.

    You could try setting an overall background image in the full width layout using the following Custom CSS, I haven’t tested this though:

    /* Background Image Cover */
body {
background-image: url('http://localhost/so/wp-content/uploads/2014/09/ujKaaIATKKx7vi5kkfQn__DSC39322-1024x6831.jpg');
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
  2. Ryan Launchbury 11 years, 10 months ago

    All sorted, thank you!

  3. Andrew Misplon Staff 11 years, 10 months ago

    Nicely done. Glad to hear that helped. All the best.

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