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, 4 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, 4 months ago

    All sorted, thank you!

  3. Andrew Misplon Staff 11 years, 4 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