Forums › Forums › Search & Filter Pro › Image cropping issue on search and filter gallery

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  March 6, 2019 at 3:19 am #204028

    Hi there,

    I am having an issue with image cropping on my S & F image gallery. When I first set this up it used to have the correct image crop (focus on center of image) but now the images are condensed into a square ruining aspect ratios etc.

    Any help will be much appreciated.

    Gallery url https://www.weathertex.com.au/gallery

    Regards,
    Chris

    Trevor
    (Private)  March 6, 2019 at 8:48 am #204033

    Do you have a screenshot of what it should look like, or, better still, a page where it is correct?

    It looks like the grid uses Visual Composer (AKA Page Builder) components, so it is most likely that you have updated the WPBakery plugin (which version are you now using?) and they may have changed some of the CSS or javascript.

    Anonymous
    (Private)  March 6, 2019 at 8:52 am #204035

    Some of the images on the earlier pages when they were first added are appearing like they should. If it is quite a wide image the sides should be cropped out – not squeezed into the square frame. Please see this page for examples:

    https://www.weathertex.com.au/gallery/?sf_paged=29

    Regards,

    Chris

    Trevor
    (Private)  March 6, 2019 at 9:35 am #204048

    I see all images being squashed. Looking at page 29.

    The second image (Selflok Texwood Smooth #4100) is slightly squashed horizontally, as the original is not square (600×533), but the next image (Selflok Old Colonial Smooth #4098) is not squashed because it is square (600×600).

    However, CSS to the rescue:

    .gthumbnail img {
    object-fit: cover;
    object-position: center;
}

    Should do it for most browsers.

    Anonymous
    (Private)  March 6, 2019 at 9:47 am #204057

    Hi Trevor,

    That worked perfectly!

    Thanks again for your help.

    Regards,
    Chris

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)