Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 14, 2025 at 4:16 pm #1475095
    raslade

    Hi there

    I’ve spent ages trying to fix this issue but with no luck so far. I’ve resorted to stretching the images using the following CSS

    .slide-image img {
    height: 250px;
}

    I’ve installed the plugins Simple Image Sizes and Force Regenerate Thumbnails, following guidance from other threads. No matter what size I select in the builder Blog Posts > Appearance or define via the plugin, along with regenerating I see no changes on the page added in Private Content.

    What I am trying to achieve is a consistent height regardless of the size or ratio of the Featured Image added.

    Any help would be very much appreciated.
    Thanks
    Richard

    January 15, 2025 at 7:19 am #1475127
    Ismael

    Hey Richard,

    Thank you for the inquiry.

    To avoid distorting the images, you can use the following css code instead:

    .slide-image {
  min-height: 223px;
}

.slide-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 223px;
}

    Aside from using the css above, other solutions include uploading images with the same height and aspect ratio, or selecting a specific thumbnail in the Styling > Appearance > Preview Image Size settings if you’re using the Blog Posts element.

    Best regards,
    Ismael

    January 15, 2025 at 2:39 pm #1475148
    raslade

    Hey Ismael

    Super thanks and that has fixed most of them for now.

    I have set a custom size via the Preview Image Size but my site (even with regenerating thumbnails) doesn’t seem to work. Does the system crop regardless of the original image ratio or does it required specifics?

    Richard

    January 16, 2025 at 7:05 am #1475214
    Ismael

    Hi,

    Thank you for the update.

    There are thumbnails in the Preview Image Size selection that crop the source image based on the specified dimensions, but they retain the original aspect ratio. For example, if the specified thumbnail size is 400x200px, which has an aspect ratio of 2:1, and an image with a 16:9 aspect ratio is uploaded, the image will be resized to a maximum width of 400px but it will retain its original aspect ratio. This means the height will be adjusted proportionally. This is why it’s recommended to upload images with a similar size and aspect ratio.

    Best regards,
    Ismael

    January 16, 2025 at 12:04 pm #1475230
    raslade

    Ok thanks and that is useful to know. I was hoping for solution that would mean that clients could self-serve and not worry about the ratios but the CSS solution is working so far.

    Richard

    January 16, 2025 at 4:18 pm #1475234
    seomar

    Dear Ismael,
    We are having trouble while previewing thumbnails at https://tecnicabina.com/productos/cabina-aspirado-filtrado-depresion-recinto-comun/
    Gallery IMG preview gets the same IMG.
    How could we solve?
    Thanks
    David

    January 17, 2025 at 7:33 am #1475274
    Ismael

    Hi,


    @seomar    : There is a script error on the page when we checked. Please try to deactivate the plugins and temporarily remove any custom scripts. If the issue persists, please open another thread, and we’ll continue there.

    cabina-aspirado-filtrado-depresion-recinto-comun/:437 Uncaught ReferenceError: jQuery is not defined
    at cabina-aspirado-filtrado-depresion-recinto-comun/:437:6


    @raslade    : Glad we could help! Let us know if you have more questions.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Blog grid equal image sizes’ is closed to new replies.