Full page background image

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;
}

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