Adding border around product pictures in debut theme

[tbjunker]

I would like to add a solid line #3e8ec1 in all product images (photo only, not around texts), at home page, product pages, and card pages. Thanks

[oscprofessional]

Hello Tbjunker,

Please share your site url.

So that I can check and let you know exact solution here.

[tbjunker]

Thanks for your prompt reply!

Here is my URL: https://ideiagenial.com/

[oscprofessional]

@tbjunker,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product-card .product-card__image-wrapper {
    border: 1px solid #3e8ec1;
}

[tbjunker]

That's perfect! You are the best! Thank you so much!

Now, is it possible to add the same color line around the product pictures at the card page. See the picture below. Thanks!

[oscprofessional · Accepted solution]

@tbjunker,

Add below css

.template-product .product-single__media img {
    border: 1px solid #3e8ec1;
}

[AFCreationLLC]

Hi, does this work for all themes I’m currently trying to do the same for mines