Re-size catalog item image shown on catalog item page

[Chris McClement]

Anyone know where I can re-size the image displayed on the catalog item page itself? It seems to default to a standard size and I can't find anywhere in the catalog item widget CSS to set a size property. I do not want to have to re-size each image individually (as we have over 600 catalog items!)

[RaghavSh · Accepted solution]

Follow Below:

1. ctrl+right click and open "instance in page editor"

2. Add below code to CSS (adjust height accrodingly)

.img-responsive
{
height:50px;

}

[Mohammad Danis1]

Hi Chris,

As rightly suggested above you can add below code in the CSS after opening instance in page editor .

I personally would prefer this option. Because then you don't need to clone the widget, you'r not passing out on updates on the widget, etc..

.img-responsive{
height:80px; 
}

Kind Regards,
Mohammad Danish

[Chris McClement]

Thanks both! This has worked perfectly.

[Tanwir Singh]

Hi,

This is only works on resizing the picture on portal. Is it possible to do the same in Service Catalog?

Please help!