Social Media icons not displayed

Backlight 4, 5 & 6 Support
#1

I have social media links configured on my site default page template, and after upgrade to BL5 they are no longer visible. They are present since I can click on where I know they are and they take me to the appropriate site. You just cannot see the icons.

I have tried clearing the template cache, but that did not help. Any ideas?

Thanks,
Jim

#2

They may be the same color as the page background.
Can you share a link to your site?

#3

that could very well be. The site is www.jimsweeneyimages.com and they are positioned at the top right. everything is white, but Iā€™m not sure what to change the color on.

Thanks,
Jim

#4

Hi Jim,
Looks like you were using an older version of Backlight before? I can see the Unicode where the icons are:

image

The first thing to try is enabling the FA 4 shims, found at the bottom of Advanced Setup in the page template.

image

#5

It could also be that the Font Awesome icon names youā€™re using in the Social Media section of the template are using the Font Awesome pro names rather than the Font Awesome Free names. You may just need to go to the Font Awesome site and look at whatā€™s available in Font Awesome 5 Free.

#6

I definitely was using an older backlight version before the upgrade. Iā€™ve tried enabling the Font Awesome 4 shims, with no apparent effect. I looked at the Font Awesome site and it is kind of confusing: the icon names appear to be the same between free and pro. I am just trying to use something basic like ā€œfacebookā€. Could the site somehow not be pointed to Font Awesome somehow?

#7

you might need to use fa fa-facebook
there are different classes of Font Awesome fonts: fa, fas, far. I donā€™t recall what they all stand for but they do matter.

#8

I tried both fa fa-facebook and fa-facebook, with no change. Other settings are toolbox width 0, Font Awesome style is Regular.

#9

OK - I think I have it. I am using ā€˜facebookā€™ and ā€˜instagramā€™ for the icon names, and changed the Font Awesome style from ā€˜Regularā€™ to ā€˜Brandsā€™ for both links. Iā€™m not sure what they mean, but it works.

Thanks,
Jim

1 Like
#10

This old now, but hereā€™s the info about the change to Font Awesome support in Backlight 5.