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

[@jeffr0 Participant 10 years, 1 month ago]

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 Moderator 10 years, 1 month ago]

@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';
}

[@netweb Keymaster 10 years, 1 month ago]

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

Dashicons

[@alama32 Participant 3 years, 2 months ago]

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

[@alama32 Participant 3 years, 2 months ago]

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

[@alama32 Participant 3 years, 2 months ago]

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 Participant 3 years, 2 months ago]

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

[@robin-w Moderator 3 years, 2 months ago]

link to a live example on your site please