# Same-Size Thumbnails on Blog and Archive Pages

> Crops featured images on blog, category and search pages to the same 16:9 shape, so post grids line up evenly even when images have different sizes.

- Type: CSS
- Runs: Site-wide header
- Category: [Frontend & Design](https://wpide.com/library/category/frontend/)
- Tags: archives, thumbnails, images, layout
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/frontend-uniform-archive-thumbnails/

## Code

```css
.blog .post-thumbnail img,
.archive .post-thumbnail img,
.search .post-thumbnail img,
.wp-block-post-template .wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
```

## Notes

Change aspect-ratio to 4 / 3 or 1 for other shapes. Single posts show the full image.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Same-Size Thumbnails on Blog and Archive Pages" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/