Pages

fontawesome icons CSS - Pages

fontawesome icons CSS

by ScottyPC » Tue Mar 28, 2017 5:05 pm

I keep trying to get the CSS styleing to work as instructed here in the FAQ tab. I'm either doing something wrong (probably) or this info is outdated - please help.

I'm trying to update the icon for my "weather" link, I created the page in "PAGES" and the page works perfectly except the icon located at the top of my page uses the default icon. The bolded is what I've edited from your given example. NOW -I see that the fontawesome codes have changed a bit and thats what is confusing me - I think. I would like to use - fa-thermometer-2 (alias) [] - so from that, what exactly do I use to replace f086 in the code below. OR if I'm am doing this completely wrong or this is completely outdated let me know. I am using phpbb 3.2 with the current "PAGES" extension.
My weather page route in PAGES is "weather" exactly like that. So here is my code not including the change needed for f086 :

/* remove default icon styling */
.icon-page-weather { background: none !important }

/* remove default icon styling */
.icon-page-weather > a { padding: 0 }

/* apply font icon styling */
.icon-page-weather > a:before {
content: "\f086"; /*https://fortawesome.github.io/Font-Awesome/cheatsheet/*/
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
width: 1.28571429em;
text-align: center;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 2px;
}
ScottyPC
Registered User
Posts: 78
Joined: Sun Oct 09, 2016 9:01 pm
Contact:

Re: fontawesome icons CSS

by MattF » Tue Mar 28, 2017 5:12 pm

phpBB uses Font Awesome 4.4... The Thermometer is from 4.7, so it doesn't exist in phpbb yet.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 5859
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman
Contact:

Re: fontawesome icons CSS

by ScottyPC » Tue Mar 28, 2017 5:27 pm

AHHH! So funny- thank you- I was just now experimenting with new icon codes for weather and of course now that you said that- the codes work- but do not generate the appropriate icon. I will look to find icon codes for ONLY 4.4 THANK YOU, VSE- I thought I was losing my mind! LOL

Cheers,
Scotty
ScottyPC
Registered User
Posts: 78
Joined: Sun Oct 09, 2016 9:01 pm
Contact: