Post Grid uniform image height

  • Resolved nomadicfrog

    (@nomadicfrog)


    4 years, 4 months ago

    I’d like to have all of the thumbnails in the grid be the same size, and I can’t figure out how to do that with this plugin.

    My current option does what I want, in that regard:

    https://www.nomadicfrog.com/blog

    …but it also loads full-size images for the thumbnail, which kills the page performance! It also doesn’t reliably fill the frame, so you sometimes see white bars around the images. If you refresh the page, or resize the browser window they pop into place correctly…)

    The link associated with this thread is a test page I am using to evaluate better options than what I am currently using. So far Essential Addons Post Grid is the best replacement, but I have to figure out this thumbnail uniformity issue.

    Is there an easy option I’m missing? I see where I can set the grid cell height, but not the image height.

    The only options I can figure out are:

    1) Re-crop and replace the Featured image on every post. There are over 200 of them, so that is not ideal.

    2) Set my WordPress Media Settings thumbnail size to force a crop, but I’m not sure how to get the aspect ration right to assure they are uniform. Then regenerate thumbnails.

    3) Create a new Image Size, regenerate thumbnails, then choose that size for the Post Grid image source.

    I have to admit I’m still trying to wrap my head around WordPress Media Settings image sizes, how WordPress handles and stores images, responsiveness, and how themes, plugins, and the editors handle them.

    I am reluctant to do the ideas I have above since I’m not sure what else that might break in the site. If there is a simple option I’m missing in the Post Grid settings that seems the easiest route.

    I apologize if this is a dumb question, but I’m just not clear on what I should be doing.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Nahid Hasan

    (@tushar284)

    Hi @nomadicfrog,

    I apologize for the delay in getting back to you. Actually we were closed due to weekend. Anyways, you can control image size, excerpt length, title length from Layout settings.

    Please check this out: https://d.pr/i/UVKL8Y

    Besides, you could use this css to make thumbnail same size:

    .eael-entry-thumbnail > img {
    height: 200px !important;
    }

    Let me know how it goes. Thank you !

    Plugin Author Rafin

    (@rafinkhan)

    @nomadicfrog,

    Hey, there. So, has your issue been resolved now? Let me know. Thank you!

    Thread Starter nomadicfrog

    (@nomadicfrog)

    Not really. I found another solution using “The Post Grid” plugin and some added CSS before I got your reply.

    For what it’s worth, I wanted the thumbnails to be the same size in both dimensions. When I was working out my solution, just adding the “height” to the CSS made the image the correct height, but depending on the aspect ratio, the widths were then all over the place.

    This is the CSS I ended up using, which seems to work:

    height:200px;
width:300px;
object-fit: cover;

    Given that I don’t really know CSS coding that well, I hope that isn’t too wrong, but if it is correct, then it should also work for your very nice plugin too. Maybe someday I’ll switch back.

    Thanks for getting back to me.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Post Grid uniform image height’ is closed to new replies.