Add A Box Shadow To Your Elementor Icons With CSS
HTML-код
- Опубликовано: 25 авг 2024
- Learn how to add a box shadow affect to your Elementor icons using css
selector .elementor-icon {
box-shadow: 14px 15px 50px -30px #000000;
-webkit-box-shadow: 14px 15px 50px -30px #000000;
}
🔵 Join Our Facebook Community!
bit.ly/urielsot...
🟢 Tech Support:
urielsoto.com/...
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/element...
🟣 Website Building Factory Course
bit.ly/website...
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielele...
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a
#elementor
Thank you!
thanks,I had trouble finding the css classes for my website product page but you helped me thanks!
broooo, you just go into settings > border > box shadow.... done, and it achieves your effect, i landed here as my issue is im trying to add a shadow to the actual icon and not the. box modal,
Muchas gracias, excelente tutorial Brother! Un saludo
Thanks
how to make color gradient on icon.??
hi, could you do a tutorial on how to put a shadow on an icon that is not a box? drop shadow type
hi, I wrote the css as from the tutorial but it does not apply the shadow and I do not understand why .... how do I solve?
Hi I have a question how do you make the product featured image for affiliate products? Coz I cant put a link on that obviously. Is it okay to grab it from amazon associate itself? Like how do bloggers do this?
Great video brother! Is there any way to make the shadow colorized/ambient to match the image colors? There's an option for it in the Phlox theme under the "Advanced image" widget, it's called "Colorized Shadow" and it looks amazing for PNG's. The issue is that Phlox is garbage and slow but I just can't that feature out of my head haha. Would highly appreciate some insight.
Just love your work !!! been learning a lot from your videos !!! just wanted to know if is this possible with the free version of elementor ?
Yes it is i believe. But you have to use the customizer css panel for that.
I don't understand... This first line on code will only work on windows? that's why you added webkit, that is as you said for IOS?
That's exactly it man. The first line will work for most browsers and the second one covers IOS native browsers (safari).