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.

slider size image (revisited)

Resolved 6 replies premiumthemetheme-vantage
Valentino Zahrnt
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi, I have set the slider size on 1080 x 500, and my images are 108 x 50 cm large. And I have switched on the stretch option. This looks good on my screen, but on the tablet the lower and upper part of the slider is cut off.
1) Why is that? The aspect ratio could be maintained by stretching both sides.
2) Is there anything I can do about it? (In your demo version, the parts of the slide appear to be cut off, too)

URL: http://zahrnt.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Valentino Zahrnt 11 years, 4 months ago

    Btw, I’ll keep nagging you: Why is there no button for happy clients who want to beef up their vantage premium “donation”. I have tried to make an additonal payment via paypal but failed. So if you want to render your clients a favor …

  2. Andrew Misplon Staff 11 years, 4 months ago

    Hi Valentino

    Thanks for your ongoing support.

    Have you perhaps checked out the Advanced slider options? If you go to Meta Slider and then click Advanced in the right column you’ll find a cropping options drop down. Perhaps take a look at those and see if changing to Smart or None does the trick.

  3. Valentino Zahrnt 11 years, 4 months ago

    It remains the same with smart, standard and disabled. I will try to get a response at the Metaslider Forum and report back.

  4. Andrew Misplon Staff 11 years, 4 months ago

    This might be as a result of the Vantage Flex theme. You could perhaps try another theme in the Flex slider, the Default one perhaps. Additionally you could un-check the 100% width setting at Appearance > Theme Settings > Home and instead use the 100% width setting under the Advanced tab. Perhaps give these things a try and see if the cropping settings work then.

  5. Valentino Zahrnt 11 years, 4 months ago

    Here is the solution:

    /*
    Vantage Theme, remove max width/layer centering.
    Usage: Copy and paste this code into your themes style.css file.
    */
    body.responsive.layout-full #page-wrapper .metaslider .full-container,
    .layout-full #page-wrapper .metaslider .full-container {
    max-width: none;
    }

  6. Andrew Misplon Staff 11 years, 4 months ago

    Awesome, thanks for sharing that! I’ll just tweak that comment to say paste in your Custom CSS space in case others take a look here.

    /*
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;
}

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