This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Home page slider crops my images

Resolved 5 replies premiumthemetheme-vantage
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 5 months ago

    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. Maria Apostolopoulou 11 years, 4 months ago

    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. Andrew Misplon Staff 11 years, 4 months ago

    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. trailerparkboy 11 years, 4 months ago

    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.

    • Andrew Misplon Staff 11 years, 4 months ago

      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.

Have a different question or issue?

Start New Thread