Remove picture border !!!

Solved
tonyvaloz
Excursionist
39 0 16

Hi everybody again !!!

Please visit one of my collection pages at: (only from your mobile phone browser)
https://menumovil.me/collections/arepas

and product pages at: (only from your mobile phone browser)
https://menumovil.me/collections/arepas/products/arepa

How could I remove the yellow border in Collections and Products pages?

Please keep in mind that I can change the color to white but I really want to delete the border to 0 pixels.

Thank you for any help!!!
regards

tony valoz

 

0 Likes
Ninthony
Shopify Partner
1794 259 707

Oof, that is an eyesore isnt it? Open your theme.scss.liquid file in your assets folder and place this at the bottom:

.grid-product__image-link {
    background-color: unset;
}
If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
tonyvaloz
Excursionist
39 0 16

Thank you @Ninthony !

The solution is good but...

It seems to me that there still is the border but invisible, since the blank space between the caption text an the pictures are the same.

As always... I appreciate any help!

regards

tony

0 Likes
Ninthony
Shopify Partner
1794 259 707

This is an accepted solution.

Your content on the collection pages is contained inside a div with a "wrapper" class, which has a padding of 15px on it and the product image itself also has a couple of classes adding some margins and max-width properties. You'll need to remove those and adjust them, it's a little involved for a forum post.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
tonyvaloz
Excursionist
39 0 16

@Ninthony 

Got it !!!

Thank you again

0 Likes