You are here:  » Image width and height in search results


Image width and height in search results

Submitted by IG on Mon, 2018-11-26 11:35 in

Hi David

I am using 18/06A and the Responsive HTML Plus (Foundation 5.0) template

In the search results all images have the same width. I believe in my case it would look better, if they would all have the same height instead.

Where can I change this?

Kind regards,
IG

Submitted by support on Mon, 2018-11-26 11:59

Hi,

Fit to width is the default Foundation img styling so you would need to specify a fixed height to do this - in hmtl/default.css look for the existing .pt_sr_image definition beginning at line 130:

  .pt_sr_image {
    border: 0;
  }

...and REPLACE with:

  .pt_sr_image {
    border: 0;
    height: 150px;
  }

...or as required. Don't forget to do a hard refresh (normally CTRL+F5) after modifying CSS to ensure that it is reloaded by the browser...

Cheers,
David.
--
PriceTapestry.com

Submitted by IG on Mon, 2018-11-26 12:16

It looks so much better. Thanks a lot David.