How to put borders on product photos in dawn theme

Hi, I am hoping someone can help me figure out a way to put borders around my product photos when they are shown in the collections in the Dawn theme.

Hoping there is a small snippet of code and a hex colour I can add?

Also, I used to have a different custom theme, and I could set the highest level SHOP button to shop all products. It still works in the old theme, but not dawn. The navigation still points to all products. anyone know why this is disabed in dawn?

Any help

Hi Rosierose,

A quick and simple way to add borders around your product photos inside collections is to add some CSS to your theme.liquid file.

Make sure you add the CSS right before the tag.

Just update the hex color in the screenshot #ff0000 to whatever color you want.

Hello @Rosierose

For issue Put Borders On Product Photos, you can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like

this worked perfectly. thank you!

this worked beautifully. thank you!