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].
hi, I am trying to add an image to the home page through meta slider (Vantage Theme). For some reason, the meta slider always stretching my image, it doesn’t matter if I use 1080 x 420 or bigger / smaller sizes. All images including the text seem to be stretched all the time.
I have tried to add a customize CSS
/*
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;
}
It doesn’t help.
Can someone please help me with this
Thank you
Hi Baraber3011
There are a couple of ways to fix this.
Option 1.
Navigate to Appearance->Theme Settings->Home and set the home page slider to none.
Navigate to Appearance->Home Page and click on the edit as page option.
On the right at the bottom set the page slider and un-tick the option to stretch slider.
Option 2
Use step one as above
Navigate to Appearance->Home Page
Add a new PageBuilder row set at standard layout and insert a metaslider widget.
Option3.
Change your Custom CSS to read
#main-slider .metaslider, #main-slider #metaslider-demo { max-width: 1080px !important; }Let us know how you get on
Magus
Thank you Magus
I have tried all options, only option 1 the third part worked for me.
Looks like the image doesn't work with the stretched images at all, as all other options are still showing stretched image
All good now
Thank you
Hi Baraber3011
Am glad you are making progress in developing your site :)
Always feel free to open a new thread whenever you require support
@Magus much appreciated
Cheers