How do I add a border to my store

Solved
mikeyblase
Tourist
4 0 1

Hi, I really would love to add a border to my products on collection pages

just like this

https://4ye.ca/collections/shop-all

how do I? Please help

BDB88673-C53C-455A-8071-421A71EB1ADB.png

0 Likes
HardikDavra
Shopify Partner
1798 279 787

I can see that there is already border around product on collection page. Please explain more using screenshots.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
mikeyblase
Tourist
4 0 1

Thank you for your response!

I'm a novice — my apologies if this doesn't make much sense.

Pretty much, I'm trying to implement thin black lines like the kind in those screenshots, but onto my own store. I'll also mention that these lines/borders (if this is the correct terminology) are featured on Balenciaga's website - https://www.balenciaga.com/en-us/men/ready-to-wear/t-shirts-and-sweatshirts

 

My store:

 

https://mikey-creme.com

 

Password:

 

mikey

 

IMG_8489.jpg

0 Likes
Natztech
Shopify Partner
598 154 368

This is an accepted solution.

@mikeyblase 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection #shopify-section-collection-template #CollectionAjaxResult #CollectionAjaxContent .grid .grid__item .grid-product__content {

border: 1px solid #000000;
padding: 12px;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
mikeyblase
Tourist
4 0 1

@Natztech 

hey, thanks so much! I've pasted the code at the bottom of my theme.css and it's almost there!

Is there a way where I can get it precisely like this (I'll attach a screenshot) with the black lines/borders touching? Essentially removing the gaps.

*Attached is a screenshot of what it currently looks like and the look I've been trying to achieve.*


where it's at now. very close.where it's at now. very close.the look i'm going forthe look i'm going for

0 Likes