How can I add black borders around product cards on Dawn?

Topic summary

A user seeks to add touching black borders around product cards on the Dawn theme, similar to the Bullet theme and whodecideswar.com.

A solution is provided involving custom CSS code added to theme.liquid above the tag:

  • Navigate to Online Stores > Themes > More Actions > Edit code
  • Open theme.liquid and insert the provided CSS snippet

The original poster shares their site (gargoylestuios.us) for implementation.

A follow-up question asks how to apply borders specifically to product images only (not the entire card) using hex color #242833. This variation remains unanswered, with the requester working on a draft site at outerlayer.com.au.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

I’m curious how i could get touching black borders around my products on shopify similar to themes like bullet or whodecideswar.com on dawn

Hi,

If you want a border that sticks together, it can be done. If you can share your website?

Terence

Hi @yooquagen

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like

gargoylestudios.us

Hey there!

I found this solution really helpful, thank you :slightly_smiling_face:

I was wondering if you know a solution for applying a black border (hex #242833) to the image only (instead of the whole product card).

My URL is www.outerlayer.com.au (draft only!).

Thanks!

Lizzy