External Accounts Page Enhancement

External Accounts Page Enhancement

Sheldon

Well-known member
Sheldon submitted a new resource:

External Accounts Page Enhancement - An added visual...

Add some Font Awesome icons to your external accounts page as seen here:

View attachment 69697

Doesn't add much, but still gives a bit more of a finished appearance.

If you don't have FA already added, first open up PAGE_CONTAINER and add this somewhere after <head>
Code:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Now, the icons...

Open up the template account_external_accounts

For Facebook, find:
Code:
<h3...

Read more about this resource...
 
I ended up using the "square" alternatives and the <i> tag instead of <span>, removed the font size in the css and stuck with the standard fontawesome class for sizing.

Fontawesome is a pain to keep up with during upgrades and template changes, but I love it. Anything that can utilize it more is like free beer :cool:
 
im trying to add steam icon but it does not show any clue how to make it work here the code i used

Code:
<span class="fa fa-steam-square fa-lg fa-fw"></span>
<h3 class="textHeading">{xen:phrase steam_integration}</h3>
 
Top Bottom