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.

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
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;
}
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
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;
}

 

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
AFCreationLLC
Tourist
6 0 0

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

0 Likes