Thank you Ferday! Keep up the good work god bless. What link should I put in for facebook? If somebody likes the page, he clicks the icon to share to his facebook. What link should I set up? Thank you!
Is it possible to add in new logos? For example, I want to link people to my Strava page but there is no icon for that. Can I add the Strava Icon in somehow?
But how did you get the social icons in the header next to your shopping cart icon? I want to put them next to or under my top left logo in the header 🤔
I don't see the option for hover colours for the social icons. So weird. I can select the hover animation for no options for hover colours? Anyone have a solution or know why this is happening?
Hi, I am using WP Elementor and I have added social icons in the header section however there's a problem. How do you add text description for the links, there doesn't seem to be anywhere to do this?
thanks ferdy is it possible to add a social icon which is not in elementor's choice? i'm from japan and here ameba is very popular - i'd like to add this icon
You can fix that your self by adding some css code, if you dont have custom css, use themes that allow custom css like phlox. here is the css that i added .elementor-icon { display: table; line-height: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #818a91; text-align: center; margin-bottom: 15px; } the trick is in the display: table it displays the icons vertically, hope that helps
Hello, great tutorial i have a question i want to add social icon in lift side sticky widget how do i add it in elementer. i tried many ways but i filed it. please help me
Hello, Ferdy. Hope everything is going well. Can you please make a complete video tutorial based on landing page using Elementor Pro? Thanks in advance.
Hi Nazmul, with all the explenation of the Elementor Elements you should be able to make your own landing page. Here is an example landing page: th-cam.com/video/KYHRRKsWg-o/w-d-xo.html
Just came across your videos... best tutorials ever imo!! Thank you, Ferdy, so much for sharing your knowledge! I have a question... is it possible to connect a click-to-chat option to the Skype social button in Elementor? Everything I'm finding online goes back to HTML or coding and seems far more complicated than it should be
After doing all the steps when i click the link it does not go to the page but instead : For example www.mysite.com/facebook.com/xyz which gives an error. :( How to we remove the www.mysite.com from the link ?
Hello, when I click on the Social Icon, it doesnt directs to the link because it precedes with my domain name. Example: facebook.com/innovategraphix is the Social link, but it redirects to innovategraphix.com/facebook.com/innovategraphix. How to Solve this?
thank you for tut. but there is an issue about offical color of instagram icon. black background and white 2. color. it s not intagram icon color. how can i fix it?
Ferdy, great video. How can I get the same social icon layout on every post I write? It appears that I have to add the icons each time and put in links, etc. (most plugins I've seen automatically add it with every new post)
Does anyone knows how to connect an email address to the social media icons? say I want people to click on the envelope icon and that gives them a link to send me an email, thanks
Hi, I love your videos. is there a tutorial that explains how to make web pages with ajax that when the page is changed, the menu is fixed and only the content of the web page changes?
Hi Alfredo, thank you! Unfortunately I have no Ajax tutorials. I decided to take more time to (re)learn HTML, CSS, Java and Ajax, so who knows one day. But when you have a fast loading website, you could have a menu without ajax issn't it?
@@danielwarner5401 Hi Daniel, Since I posted this 2 months ago I found the link ;-) Use: Https://wa.me/AB 1234567890 *AB= Country, in my case +31 * 1234 etc. is your phone number.
For those who want to display the icons vertically here is what i did, i added custom css code if you dont have custom css code then install themes that allow custom cc like phlox. then add this class .elementor-icon { display: table; line-height: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #818a91; text-align: center; margin-bottom: 15px; } the trick is in display table it displays the icons vertically. your class may be different in name so make sure you select the right class
i tried everything and still i click on the facebook icon and nothing happens. this is what i put in facebook.com/BananasVieques/ what am i doing wrong?
![How To Add Floating Social Icons in Elementor [No Extra Plugins]](http://i.ytimg.com/vi/5Ouay1t5AuA/mqdefault.jpg)
![How To Add Floating Social Icons in Elementor [No Extra Plugins]](/img/tr.png)
Thank you Ferday! Keep up the good work god bless.
What link should I put in for facebook? If somebody likes the page, he clicks the icon to share to his facebook. What link should I set up? Thank you!
Is it possible to add in new logos? For example, I want to link people to my Strava page but there is no icon for that. Can I add the Strava Icon in somehow?
You can - when on element editing - put cursor on the icon on tle editing panel and choose 'send SVG' :)
Ferdy, I have installed and activated Elementor. But the Edit with Elementor button is not showing when I go to Edit Page. Can please advice?
But how did you get the social icons in the header next to your shopping cart icon? I want to put them next to or under my top left logo in the header 🤔
I´d like to know that,too
Do u know how?
How can we add the "header" like the one you have. I mean the: Get in contact / social media / shopping cart?
Thanks
I don't see the option for hover colours for the social icons. So weird. I can select the hover animation for no options for hover colours? Anyone have a solution or know why this is happening?
Hi, just came across this today, how can I change the facebook and instagram page links? I made a mistake while inputting the link
Hi, I am using WP Elementor and I have added social icons in the header section however there's a problem. How do you add text description for the links, there doesn't seem to be anywhere to do this?
But my icons are not appearing... I drag it in and nothing is visible
thanks ferdy is it possible to add a social icon which is not in elementor's choice? i'm from japan and here ameba is very popular - i'd like to add this icon
In the first 13 seconds, the subject is very easy, it is a personal record of all times lol !! :D
Has Elementor come up with a solution on how to make the social icons vertical yet?
You can fix that your self by adding some css code, if you dont have custom css, use themes that allow custom css like phlox.
here is the css that i added
.elementor-icon {
display: table;
line-height: 1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
color: #818a91;
text-align: center;
margin-bottom: 15px;
}
the trick is in the display: table it displays the icons vertically, hope that helps
Make a linklist and leave the icons, but remove the text.
Is there a way to hide those social buttons from one page?
Hello, great tutorial i have a question i want to add social icon in lift side sticky widget how do i add it in elementer. i tried many ways but i filed it. please help me
Can you put the icons in the header or footer using elementor?
Steve K it will be vertical
Hello, Ferdy. Hope everything is going well. Can you please make a complete video tutorial based on landing page using Elementor Pro? Thanks in advance.
Hi Nazmul, with all the explenation of the Elementor Elements you should be able to make your own landing page. Here is an example landing page: th-cam.com/video/KYHRRKsWg-o/w-d-xo.html
Thank you. I sent a friend request to your facebook account. If possible then add me please. Thanks for your reply.
Just came across your videos... best tutorials ever imo!! Thank you, Ferdy, so much for sharing your knowledge! I have a question... is it possible to connect a click-to-chat option to the Skype social button in Elementor? Everything I'm finding online goes back to HTML or coding and seems far more complicated than it should be
It's strange, but I can't change the icons. I have elementor pro
I am not able to see Social icons it worked for few days now it is showing icon and a x box
Thank you 🙏 for some reason the Facebook icon link doesn’t work for me even through I followed exact same process, all the other icons work 😬
Hi Ferdy, How can I link the Whatsapp icon with my phone number? Just by typing in? Or by using a html code?
After doing all the steps when i click the link it does not go to the page but instead : For example www.mysite.com/facebook.com/xyz which gives an error. :( How to we remove the www.mysite.com from the link ?
im having the same problem, any solution?
add "", problem solved
Hello, when I click on the Social Icon, it doesnt directs to the link because it precedes with my domain name. Example: facebook.com/innovategraphix is the Social link, but it redirects to innovategraphix.com/facebook.com/innovategraphix. How to Solve this?
Did you ever figure this out? I am having the same issue.
@@sinnit9519 Yes, in the Social Icon, add the link in href link field and click small settings icon. There tick the open in new window button
Innovate Graphix Haha thanks for helping but mot sure how to do that lol
Which is best... Subdomain or subdirectories ??
It depends on what your purpose is.
How do you turn it into a single button, like hamburger menu?
thank you for tut. but there is an issue about offical color of instagram icon. black background and white 2. color. it s not intagram icon color. how can i fix it?
Good question, I have wondered the same. Have you managed to fix it?
Is there a way to attach these to the side of the browser window, like some sites are doing to have their social icons on every page?
In Elementor Pro you can make a template out of a section or element and use it in the sidebar.
Ferdy, great video. How can I get the same social icon layout on every post I write? It appears that I have to add the icons each time and put in links, etc. (most plugins I've seen automatically add it with every new post)
Add them on site footer
Awesome tutorial, what about aligning icons vertically?
I would also like to align them vertically. Any solutions?
Does anyone knows how to connect an email address to the social media icons? say I want people to click on the envelope icon and that gives them a link to send me an email, thanks
Is it possible to add in new logos?
Great video ferdy. Wanted to ask if you could maybe do a video about how to customize a blog page/post. Thanks as always!
Here you go: th-cam.com/video/NUlI09hn0Bo/w-d-xo.htmlh46m21s
Ferdy Korpershoek thanks!
If I want for instance a discord link, is there anyway to add custom ones that are not listed?
You can - when on element editing - put cursor on the icon on tle editing panel and choose 'send SVG' :)
Hi, I love your videos. is there a tutorial that explains how to make web pages with ajax that when the page is changed, the menu is fixed and only the content of the web page changes?
Hi Alfredo, thank you! Unfortunately I have no Ajax tutorials. I decided to take more time to (re)learn HTML, CSS, Java and Ajax, so who knows one day. But when you have a fast loading website, you could have a menu without ajax issn't it?
Wonderful video andwonderfull voice, very easy very clean thanks a lot bro god bless you .
What kind of link do I need to put in for the WhatsApp icon?
i want to know it too, but can not find informations for that!
@@danielwarner5401 Hi Daniel,
Since I posted this 2 months ago I found the link ;-)
Use:
Https://wa.me/AB 1234567890
*AB= Country, in my case +31
* 1234 etc. is your phone number.
@@christiaantjahhh Thank you, i will try :D
You're an absolute genious!!! Thanks a lot!
Thank you Ferday keep up the good work god bless
Kindly do a video for "How to create social media footer widget in wordpress without plugin"
Another great video. I become better each day.
Thank you Cyberni!
I drag and drop them but nothing is displayed, cant anyone help ?
it was freakin' AdBlocker that didn't let them appear. Fixed!
Thank u Ferdy its explanatory...i would to know how to use the same widget in the footer
do you know what app should i use to lock my content on Elementor? I'm trying to find something like Social Locker
In what way do you want to 'lock' your content?
@@ferdycom thank you for reply so fast
how to make logo alibaba and upload it?
For those who want to display the icons vertically here is what i did, i added custom css code if you dont have custom css code then install themes that allow custom cc like phlox. then add this class
.elementor-icon {
display: table;
line-height: 1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
color: #818a91;
text-align: center;
margin-bottom: 15px;
}
the trick is in display table it displays the icons vertically. your class may be different in name so make sure you select the right class
Thanks for this solution. I don't really understand how to do this. Could you explain it more?
@@elizabethco3609 if you are familiar with css then add this css code to either the page where u want to align items or globally
How to change menu navigation colours... Gopal from India
It depends on the theme you use. Every theme has its own customize options.
Thank you
what i can improve?
I would increase the padding in the menu bar at the logo and at the exchanges page. The logo is sticking to the top and left side.
how to link WhatsApp from an icon?
i tried everything and still i click on the facebook icon and nothing happens. this is what i put in facebook.com/BananasVieques/
what am i doing wrong?
nice
Thank you!
can you check web site i build it with divi i start doing 3 days ago learning from you flingocash.com thanks alot man
That looks nice!