Ajax Products Table – Add Shadow CSS

Hello,
I would like to add some shadows to the images in the carousel made with Ajax Product Table. I’ve tried with

.product-grid-item > img {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; !important
}

but unfortunately it’s not working (maybe the class is wrong). I cannot find an option in Elementor to do this. Can you help me please?

Hello,

You have written the !important attribute incorrectly and also the class that is being used is incorrect.

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.product-element-top.wd-quick-shop { box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px !important; }

Best Regards

Thank you so much! Now it’s working.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts