Hello @jboetger,
Thank you for reaching out!
My client would like to have a black box around each of the products on his product page. What code can I use to accomplish this?
Do you mean something like this?

Link to image: https://d.pr/i/M1Xche
You can achieve it with the following CSS snippet:
/* Add black border to products */
.archive .product {
border: 1px solid black;
}
Hope this helps!
I added it to the custom css, but it is not showing up.
Hi @jboetger
Here’s the revised CSS code you need to use:
.site-main ul.products.columns-4 li.product {
border: 1px solid black !important;
}
If you’ve added the above CSS and you’re still not seeing the changes, I recommend clearing your browser cache.
I hope this helps! Please let us know how it goes or if you need further assistance.
Hasn’t worked yet, but I will keep trying.
Hey, @jboetger!
I checked your website and I can see the black border.
Here’s a screenshot:
Are you still not able to see it on your end?
Have you cleared the browser’s cache?
Can you check on a different device (even better if it is on a different internet connection) to see if the issue persists?
Looking forward to your reply.
Have a wonderful day!
Hey there 👋,
We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if you need any further help with this.
Cheers!