Home>Support>Problems with Thumbnails Being Cropped in Blog Archive Layout: Grid

Problems with Thumbnails Being Cropped in Blog Archive Layout: Grid

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I’m currently experiencing a problem with Blog Archive Layout: Grid.

When I switch to Blog Archive Layout Circle Icons, the thumbnails on the main page are fine:

https://i.gyazo.com/1de55162edef974c1b8ed10c7d49336b.png

However, if I switch to grid view, the thumbnails for the latest 2 blog posts become cropped:

What can I do to fix it so that all images on the homepage of my website are square?

URL: https://i.gyazo.com/b1949050ad0a5c189df3a87065dc5ac3.png

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Intrigue Co.

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Thanks

    Magus

  2. 10 years, 1 month ago Intrigue Co.

    http://www.intrigueco.com

  3. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Intrigue Co.

    The two images in question are resized versions of the original upload. Please edit the posts in question and replace the featured images with the un-resized versions of the original upload.

    Let us know how you get on

    Magus

  4. 10 years, 1 month ago Intrigue Co.

    Unfortunately, editing the posts and trying to replace the featured images with an uncropped version doesn’t take. Even new posts created generate the same crop.

    It can be seen after selecting the image and looking at the featured image preview:

    https://i.gyazo.com/a87478841b6ecd8201be72aec244f67a.gif

    Currently, my media settings are set to the following: https://gyazo.com/01c7147a65d0673351983baae5318108

    And I do not have any themes that would disrupt image upload.

    I have just replaced the grid view with the Circle Icons so you can see it’s possible to have correct un-resized versions. Is there a CSS code that I can apply to just use the Circle Icons, but override it so that they appear to be square?

  5. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Intrigue Co.

    I think we previously chatted about this in another thread or email. Did you have a chance to run Regen Thumbs?
    https://wordpress.org/plugins/regenerate-thumbnails/

  6. 10 years, 1 month ago Intrigue Co.

    Hello there,

    Unfortunately, I ran regen thumbnails and now all of gridview is sized to be rectangular instead of square:

    http://intrigueco.com/

    How do I make it so that they appear to be square in Grid view?

  7. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks :) Is this the grid you’re referring to?

    http://intrigueco.com/

    The size you’re seeing there is the default, theme pre-defined size for that post loop. If you’d like to change that you’d need to use:

    https://wordpress.org/plugins/simple-image-sizes/

    Locate the image in question, change the dimensions and then run regen again.

  8. 10 years, 1 month ago Intrigue Co.

    Thank you both for helping me troubleshoot this! Looks just as I had hoped for.

  9. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear you’re making progress.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More