Images are too big when searching website

Support
#1

Whenever i go on the search module and search something up… the images on the search page are very large compared to how they appear on my blog page.

Take a look at this image.

#2

Hello Sasan,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

.search-results .entry-featured {
    width: 50%;
    margin: 0 auto;
    display: block;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

i have tried that but it still appears very large on desktop only… and it just shrunk on mobile devices. On mobile devices it’s fine, but desktop images are too big

#4

Hello Sasan,

Thanks for updating the thread. :slight_smile:

I checked the website and can see the code you have added. As it’s not taking effect, please change the code to following:

.search-results .entry-featured{width: 60% !important;margin: 0 auto !important;display: block !important;}

To learn more about !important CSS property, please take a look at following resource.

Thanks.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.