.svg icon files blocked?

  • Hi, I am hoping someone can help me.

    I have searched the forums and tried a few of the suggestions but have stalled in my attempts to get the icons working.

    I am fairly new to setting up my own blog so don’t know all the technical bits, but keen to have a go.

    My site is http:/jonlove.uk – You will see the icons halfway down the page, the outline/box shows, but the actual image inside does not.

    Looking in developer tools the .svg files are highlighted red and the status shows as: (blocked:origin)

    I have disabled and cleared all caching tools on the site and server which is managed by Site Ground as well as having added AddType image/svg+xml .svg .svgz to the .htaccess file.

    None of this has worked.

    I am a bit confused and unsure of how to resolve.

    Suggestions welcomed. Thanks in advance.

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

    (@modernnerd)

    Is your WordPress Address and Site Address set to https://www.jonlove.uk in Settings → General?

    Setting them both to https://jonlove.uk instead may fix this if so.

    (Your browser’s trying to load the icons from https://www.jonlove.uk/wp-content/plugins/simple-social-icons/symbol-defs.svg, but the site is served from jonlove.uk (no www), which is why you’re seeing the blocked message; web browsers treat them as different domains and will only load SVGs from the same domain.)

    Thread Starter jonloveuk

    (@jonloveuk)

    Nick. Thank you so much, absolute legend! How simple an oversight on my part. Glad it was an easy fix.

    Thank you.

    Plugin Contributor Nick C

    (@modernnerd)

    You’re welcome!

    Your site looks great so far. Good luck with the rest of your launch!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘.svg icon files blocked?’ is closed to new replies.