Brooklyn Theme: Remove extra padding around product images

Highlighted
New Member
8 0 0

Hi, 

Is there a way I can remove the extra padding around my product images in the Brooklyn theme? The theme comes with rectangle boxes for images but I would like to keep my product images as squares and would like the padding removed all together. If anyone can help me with this that would greatly appreciated.

 

Screen Shot 2020-09-13 at 3.48.18 PM.png

0 Likes
Highlighted
Shopify Partner
964 148 161

Hi There!

Indeed that could be possible, can you share a URL so we can update this for you?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
New Member
8 0 0

Great! my URL is grayscalehomes.myshopify.com but my site is not yet active so you may need to request collaborator access. 

0 Likes
Highlighted
Shopify Partner
964 148 161

Request Sent, Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
New Member
8 0 0

Thanks! Yes I have approved your request.

0 Likes
Highlighted
Shopify Partner
964 148 161

All Good! Let me know if this was your aim.

Here's the code we added to theme.scss.liquid:

.grid-product__image-wrapper.ezsd-root.ezsd-root--smooth {
    height: auto!important;
}


Cheers! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
New Member
8 0 0

yes! This works for me. I also had another issue that I cannot seem to figure out. When you click on the cart icon on main page it does not give you an option to "view cart" I was wondering if there was a way that can be added because I have funnels that pop up on this page. I have sticky cart app that I use that has a floating cart for each page that allows customers to view cart but in the even that someone click on the top cart icon I would like the option to be visible as well. 

0 Likes
Highlighted
New Member
8 0 0

I am also still seeing the padding in mobile versions. Is there a way this can be removed on there as well?

0 Likes