Collection Image Resizing in Brooklyn Theme

New Member
4 0 0

I am having difficulty adjusting the size of the images for my store's collection image size. I only have two products and the collection images are really small when I use the collage option. When I use Grid, the two products images just aligns to the left. My store url: www.bobatribe.com.

 

Can someone please give me a hand with this please, much appreciated!

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.grid__item.grid-product.medium--one-half.large--one-third {
    width: 50%!imporatant;
 }

This will display collection images bigger and looks better.
Please check and let me know if any help needed.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Hi, 

 

This doesn't work, it comes up with theme error

0 Likes

Hello 

Please remove that code and add below css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.grid__item.grid-product.medium--one-half.large--one-third {  
width
: 50%!important; }


 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

I did it again and it still doesn't work, the images didn't change size Image 1.PNG

0 Likes