Does anyone know how to fix this image problem?

Solved
Highlighted
New Member
3 0 0

Hi guys & girls!

 

I'm currently using Brooklyn theme and I found that there are borders around all my product photos in mobile view. But it doesn't happen in PC view. 

 

Could someone who knows this problem kindly help me? Thank you so much! :)

 

Best Regards,

Zwe

viber_image_2020-05-13_15-13-25.jpg

 

viber_image_2020-05-13_15-13-26.jpg

 

0 Likes
Highlighted

Hello @zwe24 ,

Can you please share store url so that I will help you.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0
Highlighted

This is an accepted solution.

@zwe24,

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

.grid-product a.grid-product__image-link {
    background-color: transparent;
}
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

IT WORKSSS!! THANK YOU SO MUCH! <3

0 Likes
Highlighted
Tourist
7 0 0

Hello,

This code, could be placed in all sites that use Brooklyn theme? I have the same problem in my site https://optics-trading.myshopify.com/

also the same problem on desktop, when zoom image

Titulinis.jpg

0 Likes
Highlighted

Hello @opticstrading,

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

.grid-product__image-wrapper a.grid-product__image-link {
    background: transparent;
}
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
7 0 0

Thanks it works on mobile phone, but the same problem on computer desktop, when enlarge image to maximum.

0 Likes
Highlighted

@opticstrading,

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

.mfp-gallery img.mfp-img {
    background: transparent;
}
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
7 0 0

WOW it works, many thanks!!!! Solved

0 Likes