This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Some circle icons showing, others not after latest update

Open 1 reply premiumthemetheme-vantage
Carly Franklin
10 years ago · Last reply by Andrew Misplon 10 years ago

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!

URL: http://atlcrashpad.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 10 years, 9 months ago

    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:

    <i class="fa fa-phone"></i>
<i class="fa fa-envelope-o"></i>

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread