• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
FontAwesome Icon as RSS Icon

FontAwesome Icon as RSS Icon

Matthew Hawley

Well-known member
#1
Matthew Hawley submitted a new resource:

FontAwesome Icon as RSS Icon - FontAwesome!


Since were replacing the image with css, the page will have one less image to load, which will result in a slight performance increase. :)

1. Go to PAGE_CONTAINER and place this somewhere in the <head>

Code:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
2. Go to node_forum_level_2 and find

Code:
<a href="{xen:link forums/index.rss, $forum}"...
Read more about this resource...
 

Adam Howard

Well-known member
#4
Trying to figure out how to get this to work with Font Awesome 4.0.3

PHP:
<a href="{xen:link forums/index.rss, $forum}" class="fa fa-rss fa-fw" style="color:orange;" title="{xen:phrase rss}"></a>
Should be correct, but I don't think it likes the <a> tag
 

BassMan

Well-known member
#8
Can't update the codes. When I put in new codes no icons appear. So I revert to FontAwesome 3.2.1.

But just deleted the previous code (for 3.2.1) for RSS in footer. Can you provide it to me?

Btw, I use most of your FontAwesome add-ons - maybe that's why RSS icon wont appear?
 

Adam Howard

Well-known member
#12
@Matthew Hawley

The correct format would be this
PHP:
<a href="{xen:link forums/index.rss, $forum}"  title="{xen:phrase rss}"><i class="fa fa-rss fa-lg fa-fw" style="color:orange;"></i></a>
But it doesn't seem to work.
 
#13
This is the code I implemented:

Code:
<i class="fa fa-rss fa-lg fa-fw"></i>
Make sure to remove the style class:

Code:
class="globalFeed"
This results in an RSS icon that matches the color of my footer links. I don't need it to be orange.

This would work only with Fontawesome 4.0.3.