Thanks Imran, excellent. Just to clarify, as far as hover effects go, they will only function on desktop? What is the alternative for mobile devices? Thx
Imran, this is a great video, but put out the second short part. Is it possible to add a button or other element for quick reuse on the site, save the element as a widget, or a shortcode?
I have used UE in the past. It does have a bit of a learning curve to do it and add it as a widget - but the only way to go if you want it as a widget and not just use the HTML widget every time for a button. @@websquadron
Somehow, the 2 buttons I've tried do not come out the same as in their website. Following exactly your video ( tags, etc). But outcome is different somehow.
Actually, what I discovered was that I'd set some predefined values in Site Settings/Buttons that were affecting the outcome...what do you know right...? Thank you though..!@@websquadron
Very good. What I'd like to know is, how to add a spinner after click, so the viewer knows the button is doing something before the page changes, how to do that??? Similar to the Elementor SAVE button spinner
Thanks a lot for this nice video. Is it possible to change the black background in the button. I have tried but without luck. If it is possible, please tell me how. Thanks again.
Hello there, I was trying to add the same button to my website (I use Elmentor PRO) and I found your video. I have one problem though. The CSS messs up my header and footer, regardless of where I added it. I deleted the body selector but it doesnt help. Can you help me fix this issue. Thank you!
@@websquadron No, I havent. But I assumed that you will know since you are making a tutorial with it. Try to add the code where there is a header and a footer and you will see what I am talking about. Otherwise the point of making a tutorial like this is almost none because people cant use it.
@@simeonnenov3499 Not sure what issue you're getting as I added a Codepen to the Header Template, the Page, and the Footer Template, and all fine; see this page: staging3.websquadron.co.uk/codepen/ Are you adding ..... between the CSS code bit. I've tested these out and used them fine with other widgets. Take care.
@@websquadron Hello, I found from where the issue was coming. the tags were the problem. I just gave the tag a specific class so the css affected only the button. Thank you anyway.
This always happens - every time i create a button using HTML and CSS the borders becomepink once i click the button. How don’t know why it happens.. Do you know why?
What if the button is for a dynamic content. Can we take the css only?
Btw Imran thank you for the video
Thanks Imran, excellent. Just to clarify, as far as hover effects go, they will only function on desktop? What is the alternative for mobile devices? Thx
Hover effects on mobile are never a good idea as too many effects as we scroll up and down is a pain.
You are the best and became my new favorite youtuber! LOOOOOOVE YOUR VIDEOS! Thank you so much!
Wow, thanks! It means a lot. I know that I talk too much sometimes, or am quite loud, but I love to share and hope that we all have fun!
Imran, this is a great video, but put out the second short part. Is it possible to add a button or other element for quick reuse on the site, save the element as a widget, or a shortcode?
Use the Unlimited Elements plugin. You can easily build your own widgets, and even re-use them on other websites.
Agreed with Russell. That's a decent way to do it.
Or - you can just copy and paste onto other pages.
I have used UE in the past. It does have a bit of a learning curve to do it and add it as a widget - but the only way to go if you want it as a widget and not just use the HTML widget every time for a button. @@websquadron
Somehow, the 2 buttons I've tried do not come out the same as in their website. Following exactly your video ( tags, etc). But outcome is different somehow.
Is there any JS library that needs to be added too?
Actually, what I discovered was that I'd set some predefined values in Site Settings/Buttons that were affecting the outcome...what do you know right...? Thank you though..!@@websquadron
Very good. What I'd like to know is, how to add a spinner after click, so the viewer knows the button is doing something before the page changes, how to do that??? Similar to the Elementor SAVE button spinner
You need to add page transitions for that. Elementor has that built in after you activate the experiment.
Can I use more than one DIFFERENT HTML Widget per page with different HTML/CSS code?
Yes
Thanks a lot for this nice video. Is it possible to change the black background in the button. I have tried but without luck. If it is possible, please tell me how. Thanks again.
That would depend on the button, but inside the CSS code, you'll see lots of #111111 codes. Modify the one that is #000000 or #000.
This is really helpful, thank you!
Thanks bro
Hello there, I was trying to add the same button to my website (I use Elmentor PRO) and I found your video. I have one problem though. The CSS messs up my header and footer, regardless of where I added it. I deleted the body selector but it doesnt help. Can you help me fix this issue. Thank you!
The code came from the developers that pasted in on Codepen. Have you asked them?
@@websquadron No, I havent. But I assumed that you will know since you are making a tutorial with it. Try to add the code where there is a header and a footer and you will see what I am talking about. Otherwise the point of making a tutorial like this is almost none because people cant use it.
@@simeonnenov3499 Not sure what issue you're getting as I added a Codepen to the Header Template, the Page, and the Footer Template, and all fine; see this page: staging3.websquadron.co.uk/codepen/
Are you adding ..... between the CSS code bit.
I've tested these out and used them fine with other widgets. Take care.
@@websquadron Hello, I found from where the issue was coming. the tags were the problem. I just gave the tag a specific class so the css affected only the button. Thank you anyway.
@@simeonnenov3499 Great - glad you got there.
This always happens - every time i create a button using HTML and CSS the borders becomepink once i click the button.
How don’t know why it happens..
Do you know why?
Was it with this particular button? Can you share the URLand which button?
@@websquadron I will recreate it and share the link in a few minutes - it happens with all buttons from cssbuttons.io
Same things happens to me, with any button I pick.
Wait, more is less and less is more? @___@ *brain melts
You are god. Very thank u so much
No problem
How do you apply this globally?
Add to one button, then right click and add this as a Global Widget so you don't have to keep repeating per button.
@@websquadron thanks!
How to add an image to the elementor HTML Widget?
You need some syntax
@@websquadron Syntax? I need a link to the image...
dont forget to save it as a global element so you can use anywhere on your site.
Indeed :)
this is not good content.i report that
Okay, many thanks for reporting it. And I hope you can explain to them exactly why?