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].
My images in the meta slider are blurred. I have cropped the image and set the pixels to 1080 x 420 based on documentation I read. I have tried changing pixels but nothing seems to help. I cannot find instructions on what size image needs to be. Help please.
Hi Nancy
Thanks for running Vantage. It sounds like you’ve found it already but in case not our home page slider tutorial is here: https://siteorigin.com/vantage-documentation/slider/. You might consider turning off the 100% width feature under Appearance > Theme Settings > Home. Or, if you leave your slider being stretched, you might consider using the layering method we describe at the above tutorial link, placing your text on a separate layer.
A final option goes as follows:
1. Insert the following under Appearance > Custom CSS for Vantage Premium or your own Custom CSS module like Jetpack Custom CSS with Vantage Free:
/* 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; }2. Turn off the Stretch Slider setting found at Appearance > Theme Settings > Home.
3. Go to Meta Slider, under Advanced use their 100% width setting and then make use of their cropping settings like Smart or None.