Hi there, I am looking to add a thin black border around product images in a grid and the text description card below them. The same for Collections in a grid as well. I found out how to put a border around just the image, but I would like the border to go around not just the image, but the image …

and please remove this code [RichardNguyen_1-1665589650927.png]

Hi @leighmarino can you share with me the page url

Sure, it’s machineartmoto.myshopify.com password: seigao

I’m Richard Nguyen from PageFly- Free Landing Page Builder You can try with this code. Follow this: Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file .card-wrapper { padding: 15px; } .card-wrapper.underline-links-hover{ border: 3px solid #3333337a; } .car…

Hi, I’m sorry, but that didn’t do anything that I can see. Any other suggestions? Thanks, Leigh

Hello @leighmarino Go to Online Store->Theme->Edit code->base.css ->Add code at the bottom. .card-wrapper.underline-links-hover { border-width: thin; border-style: groove; } .card-wrapper { padding: 22px; }

Still nothing. hmmm. I added that code in addition to the code you already sent and it did nothing. So I removed the original code you sent and tried just the second code and still, nothing.

Hello Again @leighmarino Do want it like this - on this Page? https://machineartmoto.myshopify.com/collections/r1200-1250-gs-a [2022-10-12_19-49.jpg]

Hello Again @leighmarino Go to Online Store->Theme->Edit code->base.css ->Add code at the bottom. .card--card, .card--standard .card__inner { padding: 22px; border: groove; border-width: thin; }

Is this in addition to all of the other code you’ve already suggested or just this code by itself? I added just this code at the bottom by itself and it didn’t do anything. I’m not understanding why nothing is working…

How to add a black border around products and the card below it on Dawn theme

Store Design

PageFly-Richard October 12, 2022, 3:47pm 15

and please remove this code

Topic		Replies	Views
Adding a black border around collection grid products on the dawn theme Store Design	7	123	December 12, 2024
How can I add black borders around product cards on Dawn? Store Design product-page	4	98	February 23, 2025
product card border Shopify Discussion troubleshooting	3	69	January 25, 2025
How can I add borders to the Dawn theme on collection pages? Store Design design , customizations , collection-page , landing-page , css , third-party-themes , shopify-themes , troubleshooting , html , product-page	6	70	December 8, 2024
How to customize the product image border frame in Dawn theme? Store Design	8	187	November 23, 2022

How to add a black border around products and the card below it on Dawn theme

Related topics