Jump to content
TheHost4U - Webmaster Resources
    1. 1

      Add icon to Forum Category Title

      Here will show you how to add a FontAwesome icon to left of the forum category title From this: To You w´╗┐ill need to find the id number of the categories you want to have an icon for (if you hover over the category title you should see a url at bottom of screen ... make a note of this number) Now you will need to find the FontAwesome icon you want to use and make a note of the hex number(s) of the icons Then AdminCP >> customizations >> themes >> far right of theme name click the Edit HTML/CSS button >> CSS tab >> custom.css add: [data-categoryid] h2:before { font-family: FontAwesome; position: relative; top: 4px; left: -5px; font-size: 2em; } [data-categoryid="1"] h2:before { content: "\f19c"; } [data-categoryid="3"] h2:before { content: "\f108"; } Remember to change the categoryid numbers to your own and change the hex number to your own requirements Once added then click the Save button and then refresh your forum browser and should see your icons displayed similar to my second screenie above You can change the actual color of the icon by adding to the above css e.g. [data-categoryid] h2:before { font-family: FontAwesome; position: relative; top: 4px; left: -5px; font-size: 2em; color: green; }
    Sign in to follow this  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...