Adding Borders on all Images in dawn theme

Store Design
1

Hi

I would like to find out how one can add borders on images in Dawn them, I have resorted to adding the borders on the actual picture but the result is not noce

2

Welcome to the Shopify community!
Please share your site URL,

So I will check and provide a solution here.

3

https://wig-nature-collection.myshopify.com/

password: WignatureC1

4

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.media--square,.media--portrait {
    border: 1px solid !important;
}
5

Hi

Thanks for the response, but I do not have this file theme.scss.liquid how do I go around this?

6 
.card-wrapper {
    border: 1px solid red !important;
}

@EltonZ
Add this code in component-card.css

Thank you.

7

Thanks so much I have options now, I however need it to only border the image the code is also covering the information card.

8

I don’t have a theme.scss.liquid file under assets I’m using the dawn theme