I currently am using this:

https://kristarella.blog/2013/04/bbpress-forum-icons/

But for speed and looks, I’m trying to use a “font awesome” icon for the forum icon.

My plan was to use some css for each forum, and then style the font icons individually.

I started off with this in stylesheet, but it’s not working:

ul#bbp-forum-9:before {
	font-family: FontAwesome;
	content: '\f058';
	color: #6190C3;
	font-size: 30px;
	padding-right: 10px;
	margin-left: -15px;
	position: absolute;
 	left: -13px;
	margin-top: 1px;
 }

I’ve tried several variations with no luck.

Any suggestions on how to get this css to work properly?

Thanks for any tips.

[@robin-w Moderator 6 years, 11 months ago]

try

#bbp-forum-9 li.bbp-forum-info a.bbp-forum-title:before {
	font-family: FontAwesome;
	content: '\f058';
	color: #6190C3;
	font-size: 30px;
 }	

[@andrew55 Participant 6 years, 11 months ago]

Robin – Thank you very much.

I have topic icon created in test forum (it’s in 2nd forum):

homepage

I’ve tried and tried, but I can’t figure out how to style the font awesome font.

I need to get it moved down, and I need to get the title and description of forum moved to the right a bit.

Anyone have a suggestion for how to accomplish this? Or, is there maybe a better way to use Font Awesome fonts as topic icons (template edit, function, etc)?

[@robin-w Moderator 6 years, 11 months ago]

This is hopefully close to what you want – play with the numbers

#bbp-forum-76 {
	padding-top : 10px ;
}

#bbp-forum-76 li.bbp-forum-info a.bbp-forum-title::before {
	font-family: FontAwesome;
	content: '\f058';
	color: #6190C3;
	font-size: 50px;
	padding-right: 30px;
	position: relative;
	top: 15px;
}

[@andrew55 Participant 6 years, 11 months ago]

Robin – works great. Thank you very much.

I have a board which has about 20 forum icons, and I’m really looking forward to speeding the site up by switching over to fonts.

This helps a lot, and I think it will help others also.

[@robin-w Moderator 6 years, 11 months ago]

great – glad to have helped