Control Featured Image Placement on Achive Page

Hi there,

Thanks for writing!

I copied your blog archive layout and have tried different image ratios. https://prnt.sc/H5nx9bRTMNdN

Try choosing 1:1 or other ratios and see what would work for you.

If you want to keep using 16:9, I suggest expanding the Narrow layout’s content max width or using the normal or wider page layout. https://prnt.sc/AfXJT3GMgZWA

Otherwise, adjust the image vertical alignment using custom CSS:

.archive.category .entry.loop-entry,
.blog .entry.loop-entry{
    align-items: center;
}

Let us know how we can help further.

Kind regards,
Chito

Thanks Chito,

Using “Normal” width instead of “Narrow” does help, as long as the user has their browser wide enough. However, the custom CSS does the trick. Thanks so much!

On a related note, I was also trying to solve this by using the query loop block instead of the archive layout, which also allows me the opportunity to make separate archive pages for different content categories. But I need a way to add pagination at the bottom. Do you happen to know if there’s a way to add pagination at the bottom of a query loop like there is at the bottom of the archive layout?

Best,
George

Hi George,

Kadence doesn’t have a Pagination block, but Gutenberg has one that you can use within the Query Loop block. https://prnt.sc/xxy__jWtIGHY

I hope this helps and let me know if you need further assistance.

Kind regards,
Chito

Thanks so much, Chito!