How to adjust border around Collection Page Images on the Brooklyn Theme

Solved
Hannahstrunk
Tourist
6 0 4

Hi,

I’m needing help to get rid of the border around the images on my collection page, or how do I resize my image to fill the entire border without distorting the image itself.6A3EA6FA-91C4-462F-8F60-B8FAABB24A0C.jpeg

0 Likes
dmwwebartisan
Shopify Partner
4354 977 1243

@Hannahstrunk 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Hannahstrunk
Tourist
6 0 4

Thanks for your response @dmwwebartisan, my URL is olive-park-co.myshopify.com

dmwwebartisan
Shopify Partner
4354 977 1243

@Hannahstrunk 

Your images are vertical and the background box is in a rectangle. So we can't resize the image but yes we can remove that background so all looks good.

Let me know your idea.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Hannahstrunk
Tourist
6 0 4

@dmwwebartisan if we could get rid of the border around the image that would be great thanks 

dmwwebartisan
Shopify Partner
4354 977 1243

This is an accepted solution.

@Hannahstrunk 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#CollectionSection .grid-product__image-link{
background-color: transparent !important;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Hannahstrunk
Tourist
6 0 4

@dmwwebartisan  IT WORKED!!!! Thank you so much, i've been trying to figure it out ALL DAY!!

dmwwebartisan
Shopify Partner
4354 977 1243

This is an accepted solution.

@Hannahstrunk 

Please accept as a solution so others can take benefits.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App