Adding Borders on all Images in dawn theme

EltonZ
New Member
4 0 0

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

 

Replies 7 (7)

ProfitLabs
Shopify Partner
118 5 15

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


So I will check and provide a solution here.

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.
EltonZ
New Member
4 0 0
ProfitLabs
Shopify Partner
118 5 15

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;
}
Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.
EltonZ
New Member
4 0 0

Hi 

 

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

 

CFBooth
Visitor
1 0 0

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

Zworthkey
Shopify Partner
5581 642 1565
.card-wrapper {
    border: 1px solid red !important;
}

@EltonZ 
Add this code in component-card.css

Thank you.

EltonZ
New Member
4 0 0

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