Home>Support>Home page slider crops my images

Home page slider crops my images

By Maria Apostolopoulou, 10 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello again.
First of all thank a lot to all of you guys for the great support you giving me. The theme is amazing.

I have a problem with the home page slider. I have like 5-6 images all the same size. 3 of them appear fine, the others not. They are croping on top an bottom. I don’t know why. I read the documentation an everything, the images are exactly the same. I can’t figure out where is the problem and i have to show the client the first page. I don’t know what to do..
PLease help me.
Thanks in advance

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 days ago Andrew Misplon
    Hi, I Work Here

    Hi Maria

    Thanks for your feedback, glad to hear your project is progressing.

    What you could try is adjusting the crop settings in your slider. Head to Meta Slider and click the Advanced tab in the right column. There you’ll find a cropping drop down menu. Perhaps try smart or no cropping and see how that goes.

    If you have no luck perhaps post a link so we can see the slideshow live.

    Thanks

  2. 9 years, 11 months ago Maria Apostolopoulou

    I tryed everything on settings and i couldn’t found the problem. Through photoshop i changed the positions of letters. On my screen everything was fine but in begger screen the same problem again.
    Any suggestions? because its very frustrating.

    Thanks in advance for your time.

  3. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    So another option is to try those crop settings under Advanced in Meta Slider but try them in conjunction with adding the following to Appearance > Custom 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;
}
  4. 9 years, 11 months ago trailerparkboy

    Hello,

    I was having similar issue and found this post. I just want to let you know that this custom CSS worked for me! Thanks for the solution. I have banners with text at the bottom that was always being cut-off when viewing on larger screens. Setting to Image Crop “Disabled” does not work alone, which I thought should prevent the bottom of the banner being cropped.

    Thanks.

    • 9 years, 11 months ago Andrew Misplon
      Hi, I Work Here

      Super, glad to hear that helped.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More