• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
External Accounts Page Enhancement

External Accounts Page Enhancement

An added visual...

Sheldon

Well-known member
#1
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...
 
#4
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:
 
#5
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>