Making Border Around Products With Debut Theme

Solved
allbrittonz
Tourist
6 0 0

This is what is listed by default with the Debut theme.

Untitled1.png

 

This is what I would like to be achieved. 

Untitled.png

 

If there is anyway to achieve this please help in the simplest terms possible (sorry if it's too much to ask).

Thank you in advance!

0 Likes
Hello allbrittonz,
Please share your site url so that I can check and let you know exact solution here.
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Jasoliya
Shopify Expert
4366 574 1100

Hi @allbrittonz 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-featured-collections .grid__item{ box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42);  }
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
allbrittonz
Tourist
6 0 0

Nothing seemed to have changed, sorry! Really appreciate the help though!

 

Thank you,

Shawn

0 Likes
Jasoliya
Shopify Expert
4366 574 1100

This code is for debut theme, if not working then send store url may be overriding css. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
allbrittonz
Tourist
6 0 0

Sorry, didn't see the message above from you both. The URL is: realdealfinders.com

 

Thank you,

Shawn 

0 Likes
Jasoliya
Shopify Expert
4366 574 1100

This is an accepted solution.

Try this:

#shopify-section-collection .grid__item{ box-shadow: -1px 2px 17px 4px rgba(204,204,204,.42);  }
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
allbrittonz
Tourist
6 0 0

Thank you!

0 Likes
TW1
New Member
3 0 0

Hi, I am also using the Debut theme and exactly want to the same effect on the product grid. But when I copy the code and paste it into theme.scss, nothing seemed to have changed. It would be great if there is any suggested solution. Thanks!

0 Likes
Jasoliya
Shopify Expert
4366 574 1100

Send your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes