We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Customise a Collection List - adding a border to each collection

Customise a Collection List - adding a border to each collection

TG-Shop
Tourist
3 0 1

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? shopify.jpg

Replies 9 (9)

dws_pvt_ltd
Shopify Partner
369 69 88

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.

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

Rahul_dhiman
Shopify Partner
856 168 186

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

niraj_patel
Shopify Partner
2391 516 516

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 </body> on theme.liquid
<style>
 .card-wrapper {
     border: 1px solid #00000026 !important;
  }
</style>
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.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
TG-Shop
Tourist
3 0 1

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

shopify-2.jpg

niraj_patel
Shopify Partner
2391 516 516

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.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
TG-Shop
Tourist
3 0 1

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

niraj_patel
Shopify Partner
2391 516 516

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.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
diogotrigo
Visitor
1 0 0

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

 

BSS-TekLabs
Shopify Partner
2401 695 836

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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now