Making Border Around Products With Debut Theme

Solved
Highlighted
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
Highlighted
Hello allbrittonz,
Please share your site url so that I can check and let you know exact solution here.
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Shopify Expert
3315 527 781

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
6 0 0

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

 

Thank you,

Shawn

0 Likes
Highlighted
Shopify Expert
3315 527 781

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
6 0 0

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

 

Thank you,

Shawn 

0 Likes
Highlighted

Success.

Shopify Expert
3315 527 781

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
6 0 0

Thank you!

0 Likes
Highlighted
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
Highlighted
Shopify Expert
3315 527 781

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes