FontAwesome Icon as RSS Icon

FontAwesome Icon as RSS Icon

Matthew Hawley

Well-known member
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...
 
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
 
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?
 
@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.
 
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.
 
Top Bottom