Donkerrood Posted June 16, 2015 Posted June 16, 2015 This is the support topic for the Font Awesome Forum Icons plugin (4.0)
ipslover Posted June 27, 2015 Posted June 27, 2015 I just bought this plugin and I can't find the options page. Can you help me, please? Thanks!
Donkerrood Posted June 27, 2015 Author Posted June 27, 2015 There's really not much of an option page. To change icons and color, follow these steps: Go your ACP Go to the Customization ribbon Go to Themes Edit the theme you want (the </> icon) Go to the CSS tab In the custom category that opens by default, you will find a file 'forumicons.css'. Open that file by clicking on it. For the forums that I have set up to start with, you will find this: .forumIcon_2:before { content: "\f0f4"; color: #FFEB42; } the _2 is the ID of your forum. If you want to change icons of more forums, just copy this part and change the _2 to the ID of the forum that you want to change the icon and color of. The 'content: "\f0f4";' part is where you can define the icon that you want to use. To find another icon, go to: http://fortawesome.github.io/Font-Awesome/icons/. Pick the icon you want and click on it on that page. You will see a page like this: http://fortawesome.github.io/Font-Awesome/icon/beer/. Now find the unicode for this icon: and change the content to the unicode, in this case: content: "\f0fc"; The colors are pretty straightforward. To change the background of the icon, find this code: .fIconC_2 { background-color: #00C600 !important; background-image: -webkit-linear-gradient(135deg, #00C600 50%,#78E03A 0%) !important; } Again, copy this code and change the _2 to the ID of the forum and then change the color codes (#ABABAB) to the colors of your liking. Hope this is of help Let me know if you need any further assistance!
Tracy Perry Posted July 9, 2015 Posted July 9, 2015 This can even be expanded further than use of FA icons if you load your own font/style sheet.
denis faucher Posted July 29, 2015 Posted July 29, 2015 This can even be expanded further than use of FA icons if you load your own font/style sheet. @Tracy Perry, would you mind sharing the how to ? Thanks
Tracy Perry Posted July 29, 2015 Posted July 29, 2015 @Tracy Perry, would you mind sharing the how to ? ThanksThere are probably "better" ways of doing it, but I'm still learning IPS templating.I simply - in the <head></head> area of the globalTemplate - include a call to the custom stylesheet I have created<link rel="stylesheet" href="//mysite.com/css/font_styles.css">and then you can either call it by the character mapping or class mapping (depending on where you are using it).For the nodes as show above, I'm simply using (in custom.css) .cForumList [data-forumID="18"] .ipsItemStatus > .fa:before { font-family: custom_icons-font !important; content: "9"!important; background-color:transparent; font-size:32px; color:rgb(116, 73, 7); padding-top:5px !important; }where custom_icons-font is the font name of the custom compile of icons I'm using and the "18" is the node number to use it with. The content: "9" is the character mapping for a specific icon (in this case, an umbrella).
denis faucher Posted July 29, 2015 Posted July 29, 2015 Thank you @Tracy Perry. That last box (css) might be the code I was struggling with. I tried to double up on the classes and it didn't work, because I wanted the option to use either fontawesome or my custom fonts.. Got to get back to my templates and try this. Thank you very much ! That did the trick. I can now pick between fontawesome or my custom fonts on the forum rows.Really appreciate your help.Regards
Tracy Perry Posted July 29, 2015 Posted July 29, 2015 Thank you very much ! That did the trick. I can now pick between fontawesome or my custom fonts on the forum rows.Really appreciate your help.Great.. I know it took me a while to figure it out. My biggest issue is coming from XenForo where the CSS syntax is a little easier to follow and the templates are a easier for me to understand (the IPS templates look like a code monkey designed them). Friendly they are not. That extends to the CSS flow. I still am having issues with specificity in IPS. You'd think that with the individual applications, there would be a tad more preciseness in it.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.