Woocommerce card shadow option is not working

Hi @prabuddh09

Actually these shadows are for the quick view modal, not for the product cards. Check out the wording and section where these options are located, as there’s a difference. ??

Card shadows will only work if you have your cards set as type 2 — https://ibb.co/jG99c8K — because the type 1 look isn’t presenting these as “cards”, so there wouldn’t be a way to offer a shadow for these.

Hope this helps.

Thanks.

Thanks, @cteduard for the quick response,
Can you provide some CSS code for the shadow in cards set as type 1?

No, unfortunately type 1 cards cannot have a shadow due to the way they’re built. No CSS can do this, I’m afraid.

Scratch that. You can add a little shadow using a bit of CSS, but things will look not really OK unless you properly adjust them — https://tppr.me/7CHmN, by adding paddings/margins and other CSS attributes. You can find out more about CSS on Mozilla’s documentation here — https://developer.mozilla.org/en-US/docs/Web/CSS

It goes like this —

[data-products=type-1] .product {
  box-shadow: 5px 5px 15px 5px #000000;
}

Thanks.

• This reply was modified 2 years, 8 months ago by Eduard.

Hey thank you for the code, it now looks fantastic.

Screenshot: https://tinyurl.com/27oldd5b

Thanks for the code ??

Glad to hear that, @prabuddh09 ! ??

Have a happy weekend!