Individual i class icons for each board

[Ishy]

I was just wondering if there was a way to use the icons from fontawesome and have a different one for each board. They only work in the Template Layout, I've tried to add a different one to the board description in the Categories & Boards page but it doesn't work.

Site

[Philip]

If you change the board list html slightly, as follows:


<td class="board__icon">    

   <i class='fa fas board__icon--$[board.content_id]' ></i>

</td>

Then add the following to your stylesheet, some additional style rules may need to be applied 
but this should get them showing at the very least.


@font__family--icon : 'FontAwesome';



.board__icon{

 

 i{

   font-style: normal;

   font-family: @font__family--icon;

   font-size: 1.25em;

 }

 

 /** &--board-#:before **/

 &--board-1:before{ content: "\f13d"; }

 &--board-2:before{ content: "\f13d"; }

 &--board-3:before{ content: "\f13d"; }



}

Replace &--board-#:before with your board id example: &--board-21:before and change its content to display the icon you want, examples of icons can be found on their site font awesome icons  just look for the unicode examples by clicking on an icon and place those into the content, prefixed with a backslash \

[Ishy]

Oh wow, thank you so much! I never would have been able to figure that out.

[Philip]

no problem, good luck with your forum.