change site wide product shadow

Please screenshot!
how can I change the shadow of the products shown on the site:

change it to:

Color: rgba(0,0,0,0.12)
Blur radius: 5
Site: check private section

Hello,

You need to edit the element and find the Shadow option in the Advanced tab: https://prnt.sc/um3bat

Best Regards

Hi there!

Its not an elementor element it is a woodmart theme product holder and I cant edit it with elementor, please check my screenshot to exactly see which shadow I meant

please check and get back to me with a solution

Hello,

What do you want to change in the shadow? Pleae, show a sample of the shadow you would like to have.

Please assign a class to the element so that I could provide custom CSS.

Best Regards

As I also wrote in my very first post here are the things I like to change:

Color: rgba(0,0,0,0.12)
Blur radius: 5

Hello,

This is changed in the Elementor: https://prnt.sc/umpdye Have you tried this option?

Best Regards

can you please pass this thread to one of your other colleagues?? i don’t think we do understand each other you keep delivering the same thing even though I have explained it to you several times

Hello,

I am a bit confused. You were not satisfied when I provided custom CSS in case there is the option to change (this option does not work and I will check and suggest).
Now I show you how to set the shadow as per your needs without custom CSS, you are not satisfied again.

Once again: you need to edit the element, switch to the extended tab and find the border optios, click shadow, and set the blur 5 and color as shown https://gyazo.com/a04c42907819b48d37e95a407669bf7b and https://prnt.sc/umz7if as soon as you enter the values you will see the shadow changes accordingly.

If you still insist on the custom CSS let me know I will provide. If you mean something else, please clarify so that I could understand you properly.

Best Regards

Hi there which custom css did you provide? you have never provided a custom css!!!!!!!!!!!! please tell me where is the CSS? you are all over the place.

That element is a woodmart product holder that CANNOT BE CHANGED with elementor! i know how to change and shadow with elementor!

check again the attached screenshot to see which shadow I want to change!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-grid-item{
box-shadow: 0px 15px 5px 0px rgba(0, 0, 0, 0.12);
}

Best Regards

This also makes sense! Thank you

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts