Customise a Collection List - adding a border to each collection

I am currently trying to create a border in my collection list so that the elements all appear to be divided. Please see the image attached to get an idea of what I am looking to do, I can only currently place a border around the whole section. What code do I need to put in place to achieve this?

Hello @TG-Shop , Please share your store URL and password. So that I will check and let you know the exact solution here.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

Hello @TG-Shop
please provide URL of your store with password.

Hello @TG-Shop

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.card-wrapper { border: 1px solid #00000026 !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

if this not work then share your store URL and password if any please.
so i can check and provide you possible solution for your question.

I’ve popped that into the CSS and it hasn’t made a change - have i missed something?

Hello @TG-Shop
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Just looking for a solution I can implement myself - I won’t be providing website access

Ok but how can give you the solution because solution I gave you that not work and I have to inspect the element and apply the css code then i will provide you right solution.

You have to do it in the edit code option for your theme