[Joe Dostie]

Hi All,

I did a few searches on bbPress and google to see if I can find some direction to use some Font Awesome Icons just like you do on this site in the widget area.

I looked at the site with firebug and I am not 100% sure where to put the <i> tag before the widget information.

I looked through all the bbPress.php files and can only assume its somewhere in a different folder. I cant seem to put my finger on where this needs to go.

Any direction would be very appreciated!

Catering to Cats and Dogs

[Jeffro]

Hello @joedostie I’ve pinged the people responsible for the forum to see if they can tell you what it is this site is using to add Font Awesome Icons to the Topic Info widget. I did a few searches myself and although I found a tutorial to add Font Awesome support to bbPress, I didn’t find exactly what you’re looking for.

[Robkk]

@joedostie

bbpress.org does not insert the icons with html in the topic info area , they just use CSS

bbpress.org uses this css for any icon for the topic info.

.sidebar .forum-info li:before, 
.sidebar .topic-info li:before, .sidebar div ul li a:before {
font: normal 16px/1 'dashicons';
margin-right: 5px;
float: left;
padding-top: 3px;
color: #000;
}

then they use this to add the star icon packaged with dashicons

.sidebar .topic-info li.topic-favorite:before {
content: '\f155';
}

[Stephen Edgar]

To add and thanks Rob, bbPress.org does not use Font Awesome, we us Dashicons that are included with WordPress.

Dashicons

[alama32]

And the same thing, but directly on Forum ? like this:
image capture

[alama32]

Ok, i found, just using BBPress Style Plugin! 🙂

[alama32]

Oooh, i habe big problem, when i clic on a forum, the image placed in front is maximized on the whole screen !?
What to do?

[alama32]

CSS 🙂
PS: the time possibility for Edit post is too short..

[Robin W]

link to a live example on your site please