Adding border around product pictures in debut theme

Solved
tbjunker
Tourist
10 0 2

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

 

0 Likes

Hello Tbjunker,

Please share your site url.

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
tbjunker
Tourist
10 0 2
Thanks for your prompt reply!

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

@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;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
tbjunker
Tourist
10 0 2

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!

Screen Shot 2020-06-10 at 8.57.40 AM.png

0 Likes

This is an accepted solution.

@tbjunker,

Add below css

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

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
AFCreationLLC
Tourist
6 0 0

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

0 Likes