no background image

Hi chancans

If you’re using the Full Width layout version of Vantage this option isn’t available in the Customizer. If you switch to the Boxed layout version you’ll find it is. When using the Full Width layout you can set background images for the Masthead, Page and Footer. Each option is available under that section.

Hope that helps.

You can find those options at Appearance > Customize. Our documentation goes over the Customizer here: https://siteorigin.com/vantage-documentation/customizations/

Masthead and Page background image can be found at Appearance > Customize > Page and the Footer background can be found at: Appearance > Customize > Footer.

The full set of Customizer options are unfortunately only available in Vantage Premium.

Vantage has a Logo in Menu layout option, you can set this from Appearance > Theme Settings > Layout. This is what it looks like: http://hitdelete.com/. Using that layout and setting dark colors in the premium Customizer you’d get a pretty similar layout to the link you posted.

Thanks for your support.

You could add the following to Appearance > Custom CSS to move the slider down:

#main-slider {
padding-top: 20px;
background: #fff;
}

Adjust the slider background color and padding as required.

Insert the following under Appearance > Custom CSS to control your background image:

/* Background Image */

body.custom-background {
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;
}

That’s no repeat and cover. If you don’t want the cover effect you can remove all the properties after the no-repeat line, just leave the closing curly bracket.

If you’re using the full width layout then the page backgrounds can be applied to the masthead, page and footer. The page background doesn’t apply to the slider background as this is usually 100% width.

If you send through a link I’ll take a look and try assist.

We do our best to assist with small customisations but unfortunately don’t officially offer customisation services. It’s often best to work the site design into the template’s capabilities and your own development limitations. Just a heads up in this regard. https://codeable.io/ would be our recommendation for developers to consult.

The page body (#main) starts after the slider div, so it’s not possible to have it’s background appear before the slider. What you can do is apply a background image to #main, insert a blank Page Builder row, then insert a Meta Slider widget in the row after that. It won’t be a 100% slider but it’s something the theme can do. To apply a background image to the #main container you’d go to Appearance > Customize > Page: Page Background Image. This method would be the most reliable way to achieve this effect given the theme’s capabilities.

Alternatively you can add bottom margin to the menu or top margin to the slider, but then you need to apply your background image to the following selector:

body.responsive.layout-full #page-wrapper { }

However that selector is only visible in this gap. Below the slider the #main container appears above the page-wrapper container.

Hopefully this sheds a little light on the structural setup of this page and it’s limitations in this regard.

For sure.

You need to declare which property that url is the value of. So it’ll need to look as follows:

 body.responsive.layout-full #page-wrapper {
background: url('http://localhost:54211/wp-content/uploads/2014/10/2107-Barney-Frank-Study-7beigetoplaurelsonly-copy6.jpg');
}

Ref: http://www.w3schools.com/css/css_background.asp

For the menu it would be:

 .main-navigation {
margin-bottom: 200px;
}

Ref: http://www.w3schools.com/css/css_margin.asp

Hope that helps.

How did you insert the second Meta Slider?

This is pretty tough for me to visualise. Ideally I’d need to take a look once you have a public url.

All of our plugins offer widgets, nothing works off shortcodes. There is a Button widget built into Page Builder and a newer Button widget our Widget Bundle plugin: http://wordpress.org/plugins/so-widgets-bundle/. They both need to be added via Page Builder as a widget or into a widget area.

They are. It’s not possible to edit Page Builder content via the Visual or Text editor tabs. You’ll need to add your slider via Page Builder. It’s a case of choosing, do you want to edit a page in Visual/Text OR Page Builder, you need to choose.

For sure.