Font Awesome and Social Media Icons Section

andacar · 2017-07-03 15:24:22

I'm loving the changes so far in Backlight 1.2. I have several questions but will stick to one topic at a time.

I've never used Font Awesome. Is it a service I have to subscribe to or pay for? I've entered the Font Awesome icon name for Facebook, and entered my URL in the new Social Media section of the template. Backlight adds a little "people plus" icon to the top right corner of my page. If you click on it, it shows the wrong icon, but it does link to my Facebook account.

How do I find the correct icon? Can I have the icons appear in the footer without the people plus thing, like before? How can I make them bigger?

Thanks!

Matthew · 2017-07-03 15:57:10

You do not need to pay or subscribe to use Font Awesome. All of the files are included with Backlight and hosted with the application on your server.

You can check the icon reference page on Font Awesome's website to see what's available for use:
http://fontawesome.io/icons/

The "people-plus" icon is there to save space, if you want to put your navigation up there, or if you're otherwise filling the top pallet with things. If you only have one or two social links and prefer not to have the "people-plus" icon, you can set the toolbox slider to zero in the social media options in your template.

As for putting them in the footer, it's not supported with options. However, you can craft your own footer via PHPlugins. I might put together a tutorial how to do that at some point, but I've got other tutorials and videos I need to make that are a higher priority for me right now.

andacar · 2017-07-04 01:24:09

Got it. Thanks Matthew!

rod barbee · 2017-07-04 01:26:27

I'm working on a blog post about replacing the footer with one of your own. Even includes social media icons. Based on this page:
http://pangolin.barbeephoto.com/?page=main-site

andacar · 2017-07-04 02:04:24

Sounds cool Rob. Thanks.

I've gotten the social media icon section working, but I've run into one other problem. I've gotten the correct icon names from Font Awesome (fa fa-facebook in this case), but the page always shows the same flag icon regardless of which name I specify. Am I doing something wrong?

Thanks!

Last edited by andacar (2017-07-04 02:05:14)

charlie.choc · 2017-07-04 02:09:29

You don't need the "fa " before the icon name. Try just facebook or facebook-official.

andacar · 2017-07-04 02:48:44

Ah! That worked. You know much that is not known!

Thanks!

charlie.choc · 2017-07-04 03:08:14

rod barbee · 2017-07-04 08:09:58

custom footer with social media profile icons: http://ttg-tips-and-tricks.barbeephoto. … -pangolin/

Community @ The Turning Gate

#1 2017-07-03 15:24:22

Font Awesome and Social Media Icons Section

#2 2017-07-03 15:57:10

Re: Font Awesome and Social Media Icons Section

#3 2017-07-04 01:24:09

Re: Font Awesome and Social Media Icons Section

#4 2017-07-04 01:26:27

Re: Font Awesome and Social Media Icons Section

#5 2017-07-04 02:04:24

Re: Font Awesome and Social Media Icons Section

#6 2017-07-04 02:09:29

Re: Font Awesome and Social Media Icons Section

#7 2017-07-04 02:48:44

Re: Font Awesome and Social Media Icons Section

#8 2017-07-04 03:08:14

Re: Font Awesome and Social Media Icons Section

#9 2017-07-04 08:09:58

Re: Font Awesome and Social Media Icons Section

Board footer