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​​​​​​

Комментарии • 14

  • @user-je5fe9xt1f
    @user-je5fe9xt1f 2 года назад +1

    Thank you!

  • @rubendragan6514
    @rubendragan6514 2 года назад

    thanks,I had trouble finding the css classes for my website product page but you helped me thanks!

  • @lewisjohnson5393
    @lewisjohnson5393 2 года назад +1

    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,

  • @WagnerDeCampos
    @WagnerDeCampos 2 года назад

    Muchas gracias, excelente tutorial Brother! Un saludo

  • @gamemogo9577
    @gamemogo9577 3 года назад

    Thanks

  • @temanbintang
    @temanbintang 2 года назад

    how to make color gradient on icon.??

  • @ALESSTIG
    @ALESSTIG 2 года назад

    hi, could you do a tutorial on how to put a shadow on an icon that is not a box? drop shadow type

  • @ALESSTIG
    @ALESSTIG 2 года назад

    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?

  • @Denghuysmans
    @Denghuysmans 3 года назад

    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?

  • @WTPleo
    @WTPleo Год назад

    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.

  • @nativekreative2669
    @nativekreative2669 3 года назад

    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 ?

    • @UrielSoto
      @UrielSoto  3 года назад +1

      Yes it is i believe. But you have to use the customizer css panel for that.

  • @badgoy7875
    @badgoy7875 2 года назад

    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?

    • @WTPleo
      @WTPleo Год назад

      That's exactly it man. The first line will work for most browsers and the second one covers IOS native browsers (safari).