How to add black borders around sections and products on Symmetry theme

stephanie_d
Visitor
2 0 0

Looking to add black borders around sections and products across my entire website

 

Below example

Screenshot 2024-01-09 at 2.24.28 pm.png

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7011 1326 1352

Go to your Online store > Themes > Edit codes > open theme.liquid file, add this code below <head> element 

<style>
.collection-listing .product-grid {
    column-gap: 1px;
    row-gap: 0px;
}
.collection-listing .product-grid .product-block {
    box-shadow: 0px 0px 0px 1px #000;
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

stephanie_d
Visitor
2 0 0

Thanks for your quick fix on this! I have applied the code however due to some of my product titles being longer than others - the borders are appearing uneven across different products. Would there be a fix for this?

 

Screenshot 2024-01-09 at 2.50.57 pm.png

Dan-From-Ryviu
Shopify Partner
7011 1326 1352

Could you share your store URL?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now