Hi!
So, I just updated, and now you can’t see the icons for my circle icons on the front page. But on another page, you can view them. My Website is http://atlcrashpad.com. The circle icons on the front page aren’t showing up correctly. If you navigate to http://atlcrashpad.com/amenities, you’ll find that the circle icons there DO show up just fine. I’m using the SiteOrigin Features box there…..but on the home page I am using the Circle Icons. If you check out this page though: http://atlcrashpad.com/day-beds/ you’ll see that my icons are showing up. I am using Circle Icons there too. So it really seems to be JUST the home page that I am having an issue with.
I am hosted with Site5, I have iThemes security installed. I don’t think either of those would be causing an issue – or at least, if they were, they would be causing problems on every page. Not just the home page. So what am I missing? Thanks for your help!
Hi Carly
FontAwesome updated, we unfortunately needed to move with it. Manually entered icons like yours were unfortunately not migrated, there wasn’t an easy way to handle this.
Relatively quick change. Here is the new HTML for each icon:
And the new CSS, adjust to your setup as required:
header#masthead .hgroup #header-sidebar .fa-phone, header#masthead .hgroup #header-sidebar .fa-envelope-o { font-style: normal; font-weight: normal; } .fa-phone:before { color: #262626; content: "\f095"; } .fa-envelope-o:before { color: #262626; content: "\f0e0"; margin-left: 10px; }I’m not sure if you read my original post on adding these to the header. If you did, the above is the updated CSS and HTML from the example site I used in that thread.
Hope that helps.