I have the QUARK theme installed, and under theme options have entered the URLs of some of the social media profiles associated with my website name — unfortunately, the actual icons do not display on the website: in their place are two small rectangular boxes, each linking to the appropriate profile page.
it looks like you may not have included the image url in your html? – make sure you have the complete file path to designate the image for your social icon (example below – swap out yoursite.com for your specific url and also the image file paths – I left mine in for an example)
<a href="http://facebook.com/yoursitename/"><img src="http://yoursite.com/wp-content/themes/thesis_185/custom/images/fbookcopy.png" alt="facebook" /></a>
It doesn’t look like any of your icon fonts are displaying. There should also be an icon next to the blog post date.
There’s a couple of things that you’ll need to check. First is to check that the icon font files can be found in the ‘fonts’ folder within the theme folder. There should be a number of files called ‘fontawesome-social-webfont.*’ and ‘fontawesome-webfont.*’.
Also, make sure that the folder has the correct permissions as it looks like the font isn’t being loaded, which is usually a permissions issue (eg. the page can’t find the font to load as it can’t read the folder)
And where would I find the theme folder which holds the fonts folder?
I guess I should also mention that I just installed the theme directly through WP (I didn’t dl to my computer first)
Have you made any changes to the Theme?
I tried viewing your site in Chrome (browser) and the icon fonts are appearing fine.
Do the font’s on my demo site appear for you (in Firefox)?
What about the icons on the Font Awesome website. Do they appear for you?
Are you using a CDN (Content Delivery Network) by any chance?
Who is the website host you’re using? I believe that WPEngine for example uses CDN’s which causes problems for FF and IE as they have a ‘cross-domain’ issue.
If you are using WPEngine, try adding the following into your .htaccess file.
<FilesMatch ".(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
I recently purchased the Resurrect Theme for our church website. I went in to customize the url’s for the social icons and they are all working except one.
Our church uses The City (kind of like facebook for churches) and when I put in the url, no icon shows up with the rest of the other social media icons.
Any suggestions? I’m not sure what I’m doing wrong. Thank you.
http://www.riverwood.net/wordpress/ (look at the icons in the upper left…all are there except the 1st one which is a circle with a box in it. When you click on the circle, the little tab that comes out says website. It should say The City. When I click on the circle, it does go to the right place.
@catchie – this thread is on the forum for the Quark theme – so it’s not relevant to your question. Since you are using a commercial theme, you should really ask the developers of the theme for help as we have no way to help with commercial themes.
Thank you I will check. I did ask the developer of the theme and he said I needed to check on the wordpress forum that it’s a wordpress issue.
I will check your link. Thanks.
The link won’t help you :(. If it’s a WordPress issue (I’m not sure that it is), you can start your own thread here:
- The topic ‘Social Media Icons Not Showing Up’ is closed to new replies.