i dont know how to thank you ..this video just changes my life . i searched for so long on how to add style the tags you write in the html widget ...but i could not find the answer anywhere ...please keep on making video on elementor
Interesting....Sometimes I'm faster coding the thing by myself in pure HTML & CSS than finding out how can style a widget the way I want it. (so many classes,...wrappers, containers,...)
It looks like this is now a Pro Feature in Elementor! Is there another way I can do this? I need to embed a widget (custom HTML) in the body of the website?
You can add Javascript between tags as shown in the video or use Unlimited add-ons to add html,css and JS comfortably: th-cam.com/video/dXLEG1O3yAM/w-d-xo.html
Hi like your site. I am trying to add affiliate links html or js link code. copy and pasting into text ediotr i elementor shows nothing. Do I need to add through a html widget?
Hello this video is awesome but I'm facing an issue actually I created a javascript code so that code is not working in live service but when I was placing that code on localhost at that time that code was working but when am I placing in live server WordPress so that code is not working why?
Hi, first off I just want to say that your tutorials are awesome! I'm having an issue though styling an H1 header using the HTML widget. I'm using a flexbox container and constructed the HTML and then inserted the CSS in the advanced elementor tab under custom CSS (I like it separated instead of inline -easier to read an manage). However, I'm having trouble getting a font family to render. I'm trying to use "Carrois Gothic SC". It shows up in chrome dev tools when I hover over and highlight the element and scroll through CSS applied on the right sidebar, it's not crossed out so I know the CSS is getting applied, however, I noticed that in the computed tab it's showing a different rendered font and as well it's not appearing to load using googlefont API in the sources=>page. Here's the thing I've used this font before with no problem such as when I use a built-in elementor widget such as a Heading or Text Editor Widget (where I use the elementor tools to style as opposed to using the coded HTML/CSS from scratch). How would I get the fonts to load? Should I add some tags in HTML widget and add the google font with a ? I would try inline but it doesn't seem to work with font families that have more than one word and need to be enclosed in single or double quotes. ie.
(Please don't use the script tag, Please don't use the script tag, Please don't use the script tag...) Dammit! Is there a way to load a .js file and activate a function in Elementor?
I've been using the free version of Elementor for some time and this video is interesting and informative but makes me wonder why you use Wordpress Gutenberg to create the HTML and then add it to the page you are building in Elementor? Why not just build the page in Gutenberg and use it? What am I missing? I have not used Gutenberg to build pages so maybe that's why I don't understand why copy code from Gutenberg to use in Elementor.
Copying html code from gutenberg is for beginners who don't how to code at all. It's just a hack. Elementor is a visual builder that lets you do more, but at times you need to add CSS, JS. You can take a closer look at gutenberg here: th-cam.com/video/dGa__SCOFMI/w-d-xo.html
my mobile html is WAY TOO BIG for mobile. How can i fit the results for mobile? It looks good on desktop but the functionality im bringing up only shows half on mobile
On mobile devices width is limited in portrait mode. So its always a good idea to use units such as % em rem on mobile. Also use the mobile and tablet views to see if your design is responsive. But I’ll be making content on responsive design soon.
I think you must be able to do that. But you can use unlimited elements add-on to add any framework to elementor comfortably th-cam.com/video/dXLEG1O3yAM/w-d-xo.html
help me sir i go my permalink setting and keep save change my wordpress website my all publish post not edit when i press edit white blank page open and new post also white blank please help
If you don’t change permalinks properly it’ll break your site make sure you’re following a proper structure in your permalinks. Or change the permalinks structure to the default one.
@@wpalgoridm sir API use kar k mujhe website build karni hai koi video suggest kijiye jisme btaya gya ho ki kaese API ka use kar k elementar me website build kar skte hai,,, please 🙏 sir
thank you sir, this video is excellent, could you please share how to make a circle or radius on map, and how to make on click location on map as a center or radius
Hi, How does something like this get integrated, button spinners when clicked so the user knows something is happening to wait: 1: codepen.io/valentingalmand/pen/MYMZZK 2: loading.io/ 4/5 down the page will see this: prntscr.com/pwpkn7 3: Bottom of this page: getbootstrap.com/docs/4.2/components/spinners/ 4: codepen.io/jmalatia/pen/HkmaA Be good to know how to implement these
@@wpalgoridm i have this same exact problem and the only plugins i have installed are Elementor, Oceans Extra, and WP Forms Lite. no other plugins installed
Just don't, it may destroy your website with viruses and malware! Get it from the official website and you can get refund within 14 days. elementor.com/plans
i dont know how to thank you ..this video just changes my life . i searched for so long on how to add style the tags you write in the html widget ...but i could not find the answer anywhere ...please keep on making video on elementor
You're welcome but don't thank me yet! There's a long way to go and we’re just getting started :)
Interesting....Sometimes I'm faster coding the thing by myself in pure HTML & CSS than finding out how can style a widget the way I want it. (so many classes,...wrappers, containers,...)
True that :) it’s quite easy and fun to code in HTML and css sometimes.
Thank you bro. This video has helped me a lot. Now, I can design my web pages any how I want them. Keep doing more videos on elementor please.
You’re welcome! And yes many more Elementor tutorials to come.
Somebody give this man a lot of Subscriber cuz He deserve it.
We will get there!It is on ;)
I didn't know that HTML widget was so powerful. Thank you for this video
You’re welcome!
It looks like this is now a Pro Feature in Elementor! Is there another way I can do this? I need to embed a widget (custom HTML) in the body of the website?
Thank you! I don't know why i never tried to insert css and js in the html widget before ^^'
You are welcome!
Can I use Google ads by this please reply
Sure, that’ll work you may have to temporarily deactivate wordfence before you put the code and publish it.
Is it possible to insert dynamic tags into the HTML Widget?
At the moment elementor html widget isn’t capable of doing it
Great video Brother!
Glad you liked it!
Sir can I use the HTML editor on the WordPress page to do this too?
You can use the Custom HTML widget for this. I don't think all these will work safely with HTML editor.
@@wpalgoridm ok thanks
How can I add Javascript to the html in elementor? I am having a hard time embedding a sign up form.
You can add Javascript between tags as shown in the video or use Unlimited add-ons to add html,css and JS comfortably:
th-cam.com/video/dXLEG1O3yAM/w-d-xo.html
Hi like your site. I am trying to add affiliate links html or js link code. copy and pasting into text ediotr i elementor shows nothing. Do I need to add through a html widget?
HTML widget would do the job.
@@wpalgoridm Thanks I tried it and it works
bro you are a legend
Thank you for your kind words!
Can we also use jQuery with this widget. Thanks for the video.
You must be able to use it or you can try unlimited elements free it has jquery built in.
Good work bro... your aggressive way of presenting is making more attention to the video. And video was really helpful.
Glad to hear that
Hello this video is awesome but I'm facing an issue actually I created a javascript code so that code is not working in live service but when I was placing that code on localhost at that time that code was working but when am I placing in live server WordPress so that code is not working why?
See if your security plugin is blocking it.
Hi, first off I just want to say that your tutorials are awesome!
I'm having an issue though styling an H1 header using the HTML widget. I'm using a flexbox container and constructed the HTML and then inserted the CSS in the advanced elementor tab under custom CSS (I like it separated instead of inline -easier to read an manage).
However, I'm having trouble getting a font family to render. I'm trying to use "Carrois Gothic SC". It shows up in chrome dev tools when I hover over and highlight the element and scroll through CSS applied on the right sidebar, it's not crossed out so I know the CSS is getting applied, however, I noticed that in the computed tab it's showing a different rendered font and as well it's not appearing to load using googlefont API in the sources=>page.
Here's the thing I've used this font before with no problem such as when I use a built-in elementor widget such as a Heading or Text Editor Widget (where I use the elementor tools to style as opposed to using the coded HTML/CSS from scratch). How would I get the fonts to load?
Should I add some tags in HTML widget and add the google font with a ? I would try inline but it doesn't seem to work with font families that have more than one word and need to be enclosed in single or double quotes. ie.
(Please don't use the script tag, Please don't use the script tag, Please don't use the script tag...) Dammit!
Is there a way to load a .js file and activate a function in Elementor?
is it possible to use html form field to do calculation with form ids in javascript?
Yes, you can use JS logic and assign values based on your formula.
I can't see the option of 'edit block editor' even my Gutenberg is installed. Plz help
I've been using the free version of Elementor for some time and this video is interesting and informative but makes me wonder why you use Wordpress Gutenberg to create the HTML and then add it to the page you are building in Elementor? Why not just build the page in Gutenberg and use it? What am I missing? I have not used Gutenberg to build pages so maybe that's why I don't understand why copy code from Gutenberg to use in Elementor.
Copying html code from gutenberg is for beginners who don't how to code at all. It's just a hack. Elementor is a visual builder that lets you do more, but at times you need to add CSS, JS. You can take a closer look at gutenberg here: th-cam.com/video/dGa__SCOFMI/w-d-xo.html
Bro can you tell me how to add Google ads on our site building elementers
my mobile html is WAY TOO BIG for mobile. How can i fit the results for mobile? It looks good on desktop but the functionality im bringing up only shows half on mobile
On mobile devices width is limited in portrait mode. So its always a good idea to use units such as % em rem on mobile. Also use the mobile and tablet views to see if your design is responsive. But I’ll be making content on responsive design soon.
Thank you, very interesting! But can i add EVERY javascript? So make some Ajax calls to an API is also possible?
I think you must be able to do that. But you can use unlimited elements add-on to add any framework to elementor comfortably th-cam.com/video/dXLEG1O3yAM/w-d-xo.html
How can I create a simple message like this but make it real time so users on the website does not need to refresh the page
help me sir i go my permalink setting and keep save change my wordpress website my all publish post not edit when i press edit white blank page open and new post also white blank please help
If you don’t change permalinks properly it’ll break your site make sure you’re following a proper structure in your permalinks. Or change the permalinks structure to the default one.
I was stuck. Thank you very much.
You’re welcome!
Sir, API kaha insert kar skte hai elementar me
In the backend under settings integrations.
@@wpalgoridm sir API use kar k mujhe website build karni hai koi video suggest kijiye jisme btaya gya ho ki kaese API ka use kar k elementar me website build kar skte hai,,, please 🙏 sir
how to generate the shortcode in free elementor templates? is there any plugin to generate this shortcode?
This plugin does that wordpress.org/plugins/anywhere-elementor
Amazing, just it.
thank you sir, this video is excellent, could you please share how to make a circle or radius on map, and how to make on click location on map as a center or radius
Hello Sir, How can I change the Navigation font hover color In elementor?
You can change it using customiser area of your theme such as Astra theme.
Sir I have tried from there also, background-color is responding but font color code is not working.
Hi,
How does something like this get integrated, button spinners when clicked so the user knows something is happening to wait:
1: codepen.io/valentingalmand/pen/MYMZZK
2: loading.io/ 4/5 down the page will see this: prntscr.com/pwpkn7
3: Bottom of this page: getbootstrap.com/docs/4.2/components/spinners/
4: codepen.io/jmalatia/pen/HkmaA
Be good to know how to implement these
Great job! Thank You.
Thank you and you’re welcome!
Just exactly that missing how we can put into body tag or the top of the head... ad analitycs and tagmanager wants.
👌
Sir pls make Tutorial how to make website in wordpress with coding
Your channel will grow automatically try 🙏
very nice video good job
Thank you :)
Thank you so much
You’re welcome!
JS does not work for me. Just works on live preview.
Might be due to wordfence or other security plugins. You can temporarily disable em and put JS or use unilimited elements add-on to comfortably add Js
@@wpalgoridm thanks i ll try
@@wpalgoridm i have this same exact problem and the only plugins i have installed are Elementor, Oceans Extra, and WP Forms Lite. no other plugins installed
Thank you so much!
Glad it helped!
Cool!! Thanks
Welcome!
It says that you will show how to embeded Javascript and you dont!!!!!!!
As explained in the video, this is how to add js at page level:
// your js code
Thanks
You are awesome. Thank you.
Thank you and you’re welcome :)
Thank you man
You’re welcome!
Muchas gracias!
You’re welcome!
Fast and Easy
thankss this was Awesome champp
Thank you
You’re welcome!
thanksss
You're welcome!
Sir how can i download elementor pro for free
Just don't, it may destroy your website with viruses and malware! Get it from the official website and you can get refund within 14 days. elementor.com/plans
Not that powerful if you use templates.
This is raw code, possibilities are endless. Templates are more on the design side rather than anything else.
dear, edit as html for gallery not exist, any help plz
Thank you!!! 😊
You’re welcome 😊
Thank you
You’re welcome!