How can I modify the Crave theme to remove shadow and add a button?

Store Design
1

Hi all,

Need some help please. I am using Crave theme but need to remove the shadow on the boxes and also add an “add to cart” button under each product. Can someone guide me on how to do this please?

Many Thanks

Shane

0DE57FEF-5C5B-4E6E-9444-347D3EA4D640.png
0DE57FEF-5C5B-4E6E-9444-347D3EA4D640.png828×1792 228 KB

2

Hi @ShaneKirca

Can you please share your shop URL and password if any?
I’ll check further to see if I can help you :slightly_smiling_face:

3

https://pantrii-ltd.myshopify.com/collections/bread

Here you go buddy

4

Can I have your store password @ShaneKirca

5

Qq111111

6

Hi @ShaneKirca

Please go to your Themes > Edit code > Assets > Open component-card.css
Find class (about line 25)

.card--card:after,
.card--standard .card__inner:after

And comment out (add /* …*/ to the code), like this

remove shadow.png
remove shadow.png1680×913 80 KB

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

7

Thank you buddy! I will have a look tonight and respond to the solution.

8

Hi Avada, Can you tell me how to add “add to cart” on the collections lists please? at the moment we need to go in to the product to add it to the basket.

Cheers

Shane

9

Hi @ShaneKirca

Sorry for missing your message.

To add “add to cart” on the collection list, you can try going to Edit code > Snippets > open card-product.liquid and add the below code above {%- else -%}

However, setting the position for this button is a bit difficult with the theme Crave.
So you can consider hiring a Shopify Expert for further customization.

10

Hi,

Would you please add the code to remove shadow from all kind of boxes? This appears to do it just for the collections (+ collection pages).

Thanks in advance.