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

stephanie_d · ‎01-08-2024

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

Below example

Dan-From-Ryviu · ‎01-08-2024

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

stephanie_d · ‎01-08-2024

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?

Dan-From-Ryviu · ‎01-08-2024

Could you share your store URL?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

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

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

Community Blog Articles