WordPress.org

Ready to get started?Download WordPress

Forums

Quark
[resolved] Social Media Icons Not Showing Up (11 posts)

  1. mktgRX
    Member
    Posted 11 months ago #

    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.

    See: http://www.mktgrx.com

  2. AmyKozak
    Member
    Posted 11 months ago #

    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>

  3. ahortin
    Member
    Theme Author

    Posted 11 months ago #

    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)

  4. mktgRX
    Member
    Posted 10 months ago #

    And where would I find the theme folder which holds the fonts folder?

  5. mktgRX
    Member
    Posted 10 months ago #

    I guess I should also mention that I just installed the theme directly through WP (I didn't dl to my computer first)

  6. ahortin
    Member
    Theme Author

    Posted 10 months ago #

    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>
  7. catchie
    Member
    Posted 7 months ago #

    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.

  8. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    @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.

    http://codex.wordpress.org/Forum_Welcome#Commercial_Products

  9. catchie
    Member
    Posted 7 months ago #

    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.

  10. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    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:

    http://wordpress.org/support/forum/themes-and-templates#postform

  11. AmyKozak
    Member
    Posted 7 months ago #

    Catchie it looks like your html is wrong where you customized the social icons

    you need to change where it says title="Website" to title="The City"

Reply

You must log in to post.

About this Theme

About this Topic