fontawesome icons CSS - Pages
fontawesome icons CSS
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;
}
-
- Registered User
- Posts: 78
- Joined: Sun Oct 09, 2016 9:01 pm
- Contact:
Re: fontawesome icons CSS
- MattF
- 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
Cheers,
Scotty
-
- Registered User
- Posts: 78
- Joined: Sun Oct 09, 2016 9:01 pm
- Contact: