Trying to put black grid lines on Product Page - Dawn Theme

Store Design
, , ,

Topic summary

A user seeks to add black grid lines to their product page using the Dawn theme, similar to a reference example they provided.

Solution Provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code snippet above the </body> tag
  • The CSS targets .product class with border styling

Outcome:

  • The solution successfully resolved the issue
  • The original poster confirmed it worked and thanked the contributor

The discussion appears resolved with a working CSS implementation for adding grid lines to product pages.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi Shopify community

I’d like to have black & clean grid lines on my product page. Something like the below:

https://eu.epokhe.co/products/wilson-black-polished-bronze-polarized?variant=53343831687554

I hope someone can help me. I did a few tries but I haven’t been able to find out exactly how to do it !

Here’s my current preview product page: https://24a994.myshopify.com/products/cream-9-75-green-1

Thanks,

Antoine

2

Hey @ablakart

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1729758391747.png
Moeed_0-1729758391747.png1890×915 131 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Great solution, thank you!

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.