Add Icons To Your Elementor Form Fields With CSS

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 50

  • @bobbypalmer2460
    @bobbypalmer2460 5 місяців тому

    Thanks Uriel. This is very useful...cheers

  • @vrct07
    @vrct07 2 роки тому +2

    what is name of extension css ?

  • @PintoTV
    @PintoTV Рік тому +2

    What is the extension that you used in the browser for the CSS code?

  • @hamidehmansoori6960
    @hamidehmansoori6960 Рік тому

    Awesome tutorial Uriel. Thanks.

  • @DespertarParaaLiberdade
    @DespertarParaaLiberdade Рік тому

    Worked perfectly! Your tips are making my site more beautiful!

  • @mohammedminoddinsharker8460

    thanks for your nice video tutorial

  • @PintoTV
    @PintoTV Рік тому +2

    For some reason it's not working for me, i'm on the latest Ver of Elementor 3.12.3, by any chance maybe it's because the classes of the form fields have been changed?

  • @smartwealthsolutions6033
    @smartwealthsolutions6033 Рік тому

    Thank you for this tutorial, you are awesome

  • @Raj-vq4fo
    @Raj-vq4fo Рік тому

    What crome extension did you use from CSS grabber?

  • @danielarturogutierrezcolor5134
    @danielarturogutierrezcolor5134 9 місяців тому

    Thanks Uriel! Now that Elementor renders fonts as svg, this doesn't work the same anymore :( do you know how it would be now?

  • @donnycardenas9610
    @donnycardenas9610 3 роки тому +2

    Se muestran el el preview de elementor, pero cuando ingresas normal por el navegador, no aparecen.

    • @garuserviciosdigitales5389
      @garuserviciosdigitales5389 3 роки тому +1

      Me pasa lo mismo

    • @XaviVall
      @XaviVall 3 роки тому +2

      Hoy me pasó lo mismo porque Elementor hizo una actualización del plugin y lo pude resolver poniendo dos barras al revés en el código del icono, por ejemplo:
      Para poner el icono de sobre para el email, en vez de poner "\f0e0", yo usé la fuerza bruta he hice esto: "\\f0e0" o sea le agregué esas dos barras al revés y aunque en el editor de Elementor, en el preview solo se ven estos símbolos, en la página normal verás el icono.
      Me di cuenta cuando le di a F12 al navegador para ver el código del CSS, me di cuenta que misteriosamente quitaba una barra al revés y es por eso que no se visualizaba.
      Espero que me hayan entendido, un saludo amigos.

    • @garuserviciosdigitales5389
      @garuserviciosdigitales5389 3 роки тому +2

      @@XaviVall así lo solucioné yo
      también

  • @senindrayudh
    @senindrayudh 2 роки тому

    Awesome tutorial Uriel 🔥

  • @baharulmahmud-ru3wn
    @baharulmahmud-ru3wn 7 місяців тому

    Great, Very Userfull

  • @Ciaran.wasted
    @Ciaran.wasted Рік тому

    Many thanks for that video:D

  • @JshN08
    @JshN08 3 роки тому

    Hello Uriel, can you please make a video about including a tooltip in an icon list in a pricing table in elementor pro? Thankyou!

  • @rakibulhashanrabbi
    @rakibulhashanrabbi 3 роки тому

    Awesome video!

  • @darencastaneda3669
    @darencastaneda3669 3 роки тому

    Muchas gracias, siempre muy útiles tus videos 😊

  • @HarshaMadushan
    @HarshaMadushan 2 роки тому

    Thank you!

  • @leszekprzepiora4103
    @leszekprzepiora4103 3 роки тому

    I have a website on local. There are icons in the cockpit, but not in the preview. What is the reason for this. I cordially greet Leszek

  • @medialiondigitalmarketinga2984

    Grazie Mille !

  • @bySterling
    @bySterling 2 роки тому

    SO Awesome!

  • @kevganhiga
    @kevganhiga 3 роки тому

    Hermano eres un verdadero crack!

    • @UrielSoto
      @UrielSoto  3 роки тому +1

      Sí wey no ha visto ningún vídeo así. Disfruta hermano! Jaja

  • @leszekprzepiora4103
    @leszekprzepiora4103 3 роки тому +1

    Everything is fine in the elementor editor, but in the page preview you can only see a small stamp, but it is not an icon.

    • @XaviVall
      @XaviVall 3 роки тому +2

      Today the same thing happened to me because Elementor made an update of the plugin and I could solve it by putting two bars upside down in the icon code, for example:
      To put the envelope icon for the email, instead of putting "\f0e0", I used brute force and did this: "\\f0e0" that is I added those two bars upside down and although in the Elementor editor, in the preview you only see these symbols, on the normal page you will see the icon.
      I noticed when I hit F12 in the browser to see the CSS code, I realized that mysteriously removed a bar upside down and that's why it was not displayed.
      I hope you have understood me, best regards.

    • @LariTech
      @LariTech 3 роки тому +2

      @@XaviVall It did help man!
      Thank you for helping out outers in need 🙏🏼

    • @XaviVall
      @XaviVall 3 роки тому +1

      @@LariTech You're welcome!

  • @andonisr
    @andonisr 2 роки тому

    Hi Uriel, awesome video!!!
    The only type of fields I had trouble adjusting were 'date' fields and 'select' fields'. I just followed Elementor's Type field that does say 'Date' and 'Select' respectively, but nothing...!
    Have you replicated icons for these types of fields pls?
    Thank you again 🙂

    • @MysticPheonix369
      @MysticPheonix369 7 місяців тому

      any luck with this. Tried everything to get the select filed to work

  • @bestprintfactorytonercartr9949
    @bestprintfactorytonercartr9949 3 роки тому

    Thank you

  • @faisalsheikh6193
    @faisalsheikh6193 2 роки тому

    Superb ! Sir can you please international number field with flag in elementor form Please Please

  • @АндрейСоздатель-и2ц

    links are not available

  • @aprenderbillar
    @aprenderbillar 3 роки тому

    You have solved my problem, thank you very much!
    🔴 PS: Your website's comments section is not working.

    • @UrielSoto
      @UrielSoto  3 роки тому +2

      Thank you. I'll check that out :)

  • @informph
    @informph 3 роки тому

    muchas gracias hermano

  • @martinnmaiolo
    @martinnmaiolo 3 роки тому

    awesome

  • @leszekprzepiora4103
    @leszekprzepiora4103 3 роки тому

    It's not helping. Please help.

  • @omaraldawud1760
    @omaraldawud1760 9 місяців тому

    stay focus on the topic of the video, first 11 minutes are not relevant and diluted the topic, the title of video says add icons ... in other words the first 11 minutes could be different video. thanks.