SmartPad Image Crop (Portraits)

  • Resolved quintonchester

    (@quintonchester)


    7 years, 12 months ago

    Hello, I’m experiencing an issue with a website I’ve created. I’ve essentially changed some of the styling of this to reflect a specific style. When leaving the cropping to Smart Crop it displays how I want it to, but when changing to Disabled (SmartPad), it will create margins between the images (not what I want to happen)

    Examples below:

    Smart Crop (No Margins): https://i.imgur.com/6cdA0aI.png

    SmartPad (Margins Created): https://i.imgur.com/D3MqFI3.png

    The issue can be found here: Website is not live
    The preview works: Yes
    It works with other themes: Haven’t Tried
    It works when I disable all other plugins: No / Only active plugin
    Meta Slider version: 3.3.7

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    Are you able to use Smart Crop or is there a separate issue with this option?

    Thanks,
    Dave

    Thread Starter quintonchester

    (@quintonchester)

    Hi Dave,

    We are able to use the Smart Crop, yes. It seems the issue is due to the JS math that is going on.

    We ended up pushing the site live, and you can see it here.

    So we want it to appear like it does on the ‘automotive’ page: https://blog.dustinkessler.co/

    But this is the page itself that is experiencing the issue: https://blog.dustinkessler.co/portrait/

    As you can see on the portrait page, there is a large gap between photos which are shot as portrait vs. landscape. It seems that the JS is what is at fault here, it does the math and gets the size of the photo and sizes it properly for CSS. But the problem at that point is that the photo sits in a box that is sized according to the math done by JS. From there, there is a large white space between the other photoboxes in the carousel.

    Thanks,
    Quinton

    Hi Quinton,

    The Smart Pad option adds the white padding to make up the size of the slider without cropping the image – each slide has to be the same width, this is a limitation.

    To avoid cropping and the white space/padding you’ll need to upload images that are the correct dimensions and disabled cropping altogether.

    Thanks,
    Dave

    Thread Starter quintonchester

    (@quintonchester)

    Dave,

    Would it not be possible to size the image but have the images touch? What is the limitation of the slides having the same width? I’m actually curious about that.

    No worries here, I’m a programmer as well – I was just seeing if there was an easy solution to this. I’ll probably mess around with it a bit more, but I am curious what the limitations are as to the slides being the same width, vs. why they can’t be varying widths.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘SmartPad Image Crop (Portraits)’ is closed to new replies.