PDA

View Full Version : Facebook Connect Button



Patrick Boudreau
March 9, 2017, 07:21 PM
The connect with Facebook button doesn't show the F in the button. I attached the picture of the actual button.
How to add the Facebook logo sign in the Facebook connect button?2233

Curtis
March 10, 2017, 09:38 AM
Hello Patrick,

You need add the following code to your *.css file:



.fb-connect:before { content: 'f'; position: absolute; width: 17px; height: 20px; line-height: 20px; left: 12px; top: 9px; font-size: 1.071em; border-right: 1px #2651a9 solid; text-align: left;}

Patrick Boudreau
March 10, 2017, 12:00 PM
thanks Curtis,
for anyone having the same problem, I also had to adjust the following
1- from .fb-connect:before, change width: 10px; and change left: 10px;
2- from div.button a.fb-connect {, make sure that there is a width at 100x;