Simple Social Icons Showing Up White

  • The Simple Social Icons on my blog BlondieintheCity.com usually show up in black in my nav bar, and even though I haven’t changed anything, they now only show up white, with a hover color of white. You can’t see them, but if you put your mouse over the area and click, it still takes you to the designated links. I’ve tried deleting my cache, re-installing the widget, etc, and nothing works.

    Any help is appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    Hi, @hayleyl!

    Is your WordPress Address and Site Address at Settings → General currently set to https://www.blondieinthecity.com (with a www)? If so, dropping the www and using this instead for both settings will make your icons reappear: https://blondieinthecity.com

    The issue is that your site is being served from https://blondieinthecity.com (no www), but your icon file is being served from https://www.blondieinthecity.com/wp-content/plugins/simple-social-icons/symbol-defs.svg (with www).

    This results in something called a “cross-origin request”, which browsers and servers prevent by default for security reasons, so your icon file won’t load. Correcting the site address to remove the www makes sure the icons are served from the same domain as the site.

    • This reply was modified 8 years, 2 months ago by Nick C.
    Thread Starter HayleyL

    (@hayleyl)

    Thanks for the reply, Nick! Is there a way I can set it so it works for both? I tried going into the editing portion of the Simple Social Icons Plugin, but didn’t find my URL anywhere within the file.

    • This reply was modified 8 years, 2 months ago by HayleyL.
    Plugin Contributor Nick C

    (@modernnerd)

    You’re welcome! No need to edit the plugin. Setting your site to load without the www would be enough to solve this.

    You already redirect https://www.blondieinthecity.com to https://blondieinthecity.com, so you now need to make sure your site settings use the https://blondieinthecity.com version.

    Did you check Settings → General in the admin area as I described?

    The WordPress Address and Site Address on that page should both read https://blondieinthecity.com (without the www). If that’s already the case, it would be worth contacting your host about this – you’ll need to let them know that the site is loading without the www, but assets are being served with the www in the address, which is causing a cross-origin error that prevents your vector files from loading. They should be able to fix this for you.

    Thread Starter HayleyL

    (@hayleyl)

    That did the trick! Thank you so much for the detailed information. I contacted my hosting and read to them the info you gave me and it directed them to fixing the issue. I appreciate your help!

    Plugin Contributor Nick C

    (@modernnerd)

    Great to hear! Thanks for the update. I see the icons now too. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Simple Social Icons Showing Up White’ is closed to new replies.