Hi, the facebook icon is not showing up on the header as well as footer. I am unable to find a solution for the same. Please help.
can you please provide me the page URL so I can check that where the CSS is conflicting.
The url is :
https://www.alphaschooloflifeskills.com/
The flat awesome code for fb mentioned on wplms is
fa fa-facebook where as on official website its
fab fa-facebook-f (even
fab fa-facebook can work) but I was not able to locate the code in the files to make the changes
ok,
then you can install the font-awesome plugin. it will work fine.
Now I am getting dual fb icons. Please have a look
https://www.alphaschooloflifeskills.com/
Hi, the fb icon was coming twice. One with icon image and one with rectangle whenever i was activating the flatawesome plugin. So I did some changes now the icon is coming only once like showing above but its not a clickable icon, i.e, the social link which i have added for fb is not redirecting, whereas the previous rectangular box was having the social link.
hi,
i hope you have added
this icon from
here.
provide the link in the URL section. I hope it will work normally.
if not then please provide the credentials in private reply.
This reply has been marked as private.
hi,
i have just
deactivated the font-awesome plugin on your site.
i have checked it and found
this
i think you applied this! if yes then delete it and if not then simply add this custom css.
add this in wp-admin>>appearance>>customize>>custom css
ul.socialicons i.fa.fa-fab.fa-facebook-f{
display:none !important;
}
check:
http://prntscr.com/pzg403
http://prntscr.com/pzg4b7
i hope it will work let me know the results.
As per your instructions I have deactivated and added the code still its not working please have a look
hi,
i have checked it on your site.
this css is conflicting. remove this one then it will work. as you know it works on the
footer right!
Hi, I followed your instruction and the footer is working but the header one is not working. So is there any way that we can either fix the header fb icon or just disable the header social icons compeletely
this one for sure..
ad this css
ul.socialicons li>a.fab.fa-facebook-f{
font-family: 'Font Awesome 5 Brands' !important;
}
it will work for sure.
Hi, I have followed it, it is working fine but the problem is the alt text is coming as fab.fa-facebook-f on the Facebook icons
.
