Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Good day
I have installed metaslider and uploaded 2 x slider images size 1080×420 and set all settings according to the instruction manual. The slider is displaying the images very large on the screen and not like the demoslider which takes up half the screen. How do I get my custom page sliders to display just like how the demoslider displays?
Hi Milan
demo.siteorigin.com/vantage/ uses the overlay method outlined here: https://siteorigin.com/vantage-documentation/slider/, I’m not quite sure but that could be what you’re referring to.
Alternatively you can switch off the full width feature at Appearance > Theme Settings > Home Page.
A final option, if you’d like to stick with the full width option, is to include the following in Appearance > Custom CSS (Vantage Premium) or in your own Custom CSS plugin, to help with the image distortion at full width:
/* 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; }