Add Icons To Your Elementor Form Fields With CSS

[@bobbypalmer2460]

Thanks Uriel. This is very useful...cheers

[@hamidehmansoori6960]

Awesome tutorial Uriel. Thanks.

[@PintoTV]

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?

[@PintoTV]

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

[@KervisToledo]

Amino: Live CSS Editor

[@user-ns3gj9pg1w]

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

[@vitorcosta6495]

what is name of extension css ?

[@smartwealthsolutions6033]

Thank you for this tutorial, you are awesome

[@donnycardenas9610]

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

[@garuserviciosdigitales5389]

Me pasa lo mismo

[@XaviVall]

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]

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

[@mohammedminoddinsharker8460]

thanks for your nice video tutorial

[@senindrayudh]

Awesome tutorial Uriel 🔥

[@UrielSoto]

Thanks 😌

[@JshN08]

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

[@danielarturogutierrezcolor5134]

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

[@baharulmahmud-ru3wn]

Great, Very Userfull

[@HarshaMadushan]

Thank you!

[@Ciaran.wasted]

Many thanks for that video:D

[@medialiondigitalmarketinga2984]

Grazie Mille !

[@rakibulhashanrabbi]

Awesome video!

[@bestprintfactorytonercartr9949]

Thank you

[@Raj-vq4fo]

What crome extension did you use from CSS grabber?

[@KervisToledo]

Amino: Live CSS Editor

[@darencastaneda3669]

Muchas gracias, siempre muy útiles tus videos 😊

[@UrielSoto]

Gracias 🙂

[@faisalsheikh6193]

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

[@aprenderbillar]

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

[@UrielSoto]

Thank you. I'll check that out :)

[@leszekprzepiora4103]

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

[@UrielSoto]

Try clearing your cache maybe.

[@leszekprzepiora4103]

@@UrielSoto Did not work. Please help.

[@andonisr]

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]

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

[@bySterling]

SO Awesome!

[@kevganhiga]

Hermano eres un verdadero crack!

[@UrielSoto]

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

[@leszekprzepiora4103]

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]

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]

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

[@XaviVall]

@@LariTech You're welcome!

[@informph]

muchas gracias hermano

[@UrielSoto]

De nada 😁

[@empachado69]

awesome

[@leszekprzepiora4103]

It's not helping. Please help.

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

links are not available

[@UrielSoto]

Should be working now

[@omaraldawud1760]

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.