Search results thumbnails different size

admin管理员组

文章数量:1324621

Seems that according to the nature of my theme, whenever I do a search query and a result from my Projects section appears, the pictures appear huge and even break the footer! Whereas if I do a search query that finds something from my Blog section, they appear fine. Example here: Projects section search result: /?s=of+earth Blog section search result: /?s=goat

What can I do to push post results that go under Projects section to appear as neat as the ones appearing as a post result for Blog section?

Kindly advise! So thankful!!!

Seems that according to the nature of my theme, whenever I do a search query and a result from my Projects section appears, the pictures appear huge and even break the footer! Whereas if I do a search query that finds something from my Blog section, they appear fine. Example here: Projects section search result: https://unsafebutsound/?s=of+earth Blog section search result: https://unsafebutsound/?s=goat

What can I do to push post results that go under Projects section to appear as neat as the ones appearing as a post result for Blog section?

Kindly advise! So thankful!!!

• search
• post-thumbnails
• thumbnails

Share Improve this question asked Sep 7, 2020 at 11:12 ShadyShady 2133 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

This is down to difference in the classes output by different types of content in your theme's search page.

The CSS of your theme restricts the width of Posts to 50% of the screen with this rule

.blog-area .type-post.size-2x1 {
    width: 50%;
}

But for your project content, there is no 'type-post' or 'size-2x1' classes so the same constraint is not there. Images will be much wider.

I can't tell you why these classes are coming out differently as thats something specific to your Wordpress theme. It's possible that to solve this properly you will need to change the code of the Search page template as well as adding some more CSS, specific to the needs of your search page.

本文标签： Search results thumbnails different size