CSS Solution for stretched ajax search thumbs

[US]

COPY CODE

#ajax_search_container div.kleo_ajax_results  img.attachment-thumbnail.wp-post-image {

	height: 100%;
	width: 100%;
}

https://retrocutie.com

if you search ana or rina you will notice the thumbnails are no loger stretch with this snippet

[US]

HOWEVER

you will notice the “posts” section of the results shows a slightly oval thumb still

There’s a lot of general weirdness in this theme regarding images. It’s my instinct this need a pretty deep investigation into the theme

Also note:
On a site I have non displaying images in chrome and firefox, but strangely display in safari (but stretched)
REF: https://archived.seventhqueen.com/forums/topic/kleo-v2-3-1-images-in-raw-htm-not-displaying

[Abe]

Hi, thanks for sharing. that happens because the thumb is not square and it will keep the ratio.

The other images issue seemed to happen because your images had the class logo which is used for the logo in header and probably inherited something from there

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[US]

@abe, this makes perfect sense

Would it make sense, then for me to rebuild all thumbs to a 1:1 ratio?

[US]

This reply has been set as private.

[Abe]

@united I will think of a solution to generate square thumbs on the ajax search and put it in the next udpate

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Fixed. will be included in 2.4 update coming on 9th Feb

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts