Hey folks, I was wondering if someone could help me add a border around the product tiles which would be visible on all pages. The look would be like the below (just the border and shadow effect) [cardboardhouse_0-1747057781645.png] I’m on the enterprise theme, thanks a lot!

Hi @cardboardhouse let try to add this custom css to your file main.css: product-card.card { border: 1px solid rgba(var(--text-color) / .15); box-shadow: 0px 1px 6px rgba(var(--text-color) / .15); padding: 6px 9px; } the result will be: [BiDealDiscount_0-1747058826526.png]

Sorry it didn’t do anything :disappointed_face:

You are too good :rofl: - Thanks a lot! Do you know how I can increase the size of the cards and actually everything on the page? it seems too bunched togther

Yes I’m still here :joy: can you detail this will a screenshot?

All good, I fixed it myself - Thanks!

Okay. Let me know if you need support

Thank you! Do you know how to add a bottom border just on mobile layout? Like below - The divider should only stretch the length of the box item, not from the full edge to edge [cardboardhouse_0-1747061470890.png]

let try this css: @media screen and (max-width: 599px) { .shopify-section-group-footer-group ul.slider__grid li:not(:last-child) { position: relative; } .shopify-section-group-footer-group ul.slider__grid li:not(:last-child):after { content: ""; position: absolute; bot…

Didn’t work :disappointed_face: - Nothing shows

which file did you add that css code? I don’t see it on storefront source

Add border around each product tile

Store Design

cardboardhouse May 12, 2025, 3:08pm 10

Didn’t work - Nothing shows

Topic		Replies	Views
Borders for product cars and sections - Dawn theme Store Design design , customizations , shopify-themes	8	51	December 11, 2023
How do I make my product cards look like steelites when hovered over Store Design design , css , shopify-themes , html , product-page	21	185	April 12, 2026
Product pictures have a slight offset (Dawn Theme) Store Design design , collection-page , css , troubleshooting	13	87	May 22, 2024
edit some default theme estetic templates Shopify Discussion troubleshooting	3	44	August 11, 2024
Change the design of my products page Store Design menu , customizations , collection-page , landing-page , shopify-themes , product-page	7	64	September 27, 2024

Add border around each product tile

Related topics