Change The Background Color Of masthead With A Image

Hi Maryloni

Thanks for reaching out.

If you’re using Vantage Premium then you can navigate to AppearanceCustomizeTheme DesignPage and add an image to the Masthead Background Image field.

If you’re running Vantage Free, please, let me know, we can try to assist with custom CSS.

You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

#masthead {
    background-image: url("http://localhost/page-builder/wp-content/uploads/2016/03/photo-1433360405326-e50f909805b3.jpeg");
    background-position: center center;
    background-size: 100%;
}

You might also need to install the SiteOrigin CSS Editor.

To make the above snippet work you’ll need to replace the following with your image URL:

http://localhost/page-builder/wp-content/uploads/2016/03/photo-1433360405326-e50f909805b3.jpeg

You can get your background URL by locating the image in your Media Library, clicking on it and copying the URL from the right column meta box.