Please help, I am using the recommended meta slider dimension of 1080 x 420 but the image are being stretched too wide and end up losing focus. Help.
My site: http://ojwebsolutions.co.za
Hey there Obrian Mthembu,
Hope you’re well today!
Try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
div#metaslider_70 {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
This should make the slider width 1080 and centered.
Hope this helps 🙂
Cheers,
Bojan
Hi Obrian
Full width’s slider’s are tough to get right. Once method, which we cover here: http://siteorigin.com/vantage-documentation/slider/ is to use a background image and then place your content that must not stretch, on a second layer.
You can also turn off the 100% width slider at Appearance > Theme Settings > Home.
Finally, you can try the following under Appearance > Custom CSS, I’d give this a try first:
/*
Vantage Theme, remove max width/layer centering.
Usage: Copy and paste this code into Appearance > Custom CSS or your own Custom CSS module.
*/
body.responsive.layout-full #page-wrapper .metaslider .full-container,
.layout-full #page-wrapper .metaslider .full-container {
max-width: none;
}
