[Brooklyn Theme ] Adjust size of product images in collection pages.

Petit_Papa
Excursionist
26 0 9

Hello,

Can someone please help me adjust the size of my product images?

They are currently set:


max-width: 276.8956953642384px;
max-height: 415px;

however I would like them to be:


max-width: 306.65px;
max-height: 459.983px;

Many thanks!

https://trendingtopicofficial.com/collections/all

pwd: sahtow

0 Likes
Pallavi
Shopify Expert
1770 257 315

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media only screen and (max-width:591px){
.product--wrapper .second-image {
    max-width: 306.65px;
    max-height: 459.983px;
    width: max-content;
    height: max-content;
    min-height: 459.983px;
    min-width: 306.65px;
    object-fit: cover;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Petit_Papa
Excursionist
26 0 9

Hello,

Unfortunately no change:

Petit_Papa_0-1621261489260.png

 

0 Likes