Social Media Buttons

One question, why does my Social Media Buttons looks not good? Everything works fine in Safari in google chrome en IE it is look weird. You just see colored squares without the icons. please help?? http://www.studioambacht.nl/
https://drive.google.com/file/d/0B8fLZ5kymjYNeGtoa1VDdEMwYWM/view?usp=sharingSocial Media Buttons

Dear Thessa,

Thank you for letting us know about it.

Please visit this URL https://fortawesome.github.io/Font-Awesome/icons/. Let me know if you are able to see some icons.

Regards,
Kharis

Yes i am able to see them all

Thank you for reporting.

We are looking into it. We will update you ASAP. Please be patient.

Regards,
Kharis

Thanks for so far!

It isn’t the theme’s issue, but a CORS. Please try the following:

  1. Login to your site admin area
  2. Go to Settings > General
  3. Don’t include www in the fields that say “WordPress Address (URL)” and “Site Address (URL)”
  4. Save Changes

Let me know how it goes.

Regards,
Kharis

Okay i’m afraid i can’t do it my self so i will. The last time i make changen i can’t come in the wordpress dashboard so i’ll send the information to the hosting agent. Thanks en i will let you know of it works good.

So, problem solved this is the answer, there was a false.

Font from origin 'http://studioambacht.nl' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.studioambacht.nl' is therefore not allowed access.

In some browsers the icons are not loaded in the footer . In the .htaccess file I added the following lines :

<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin “*”
</IfModule>

Hello there,

I am glad to know the problem solved already. Thanks a lot for sharing. That would be extremely useful for those who might have similar issue.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Thanks! :slight_smile:

Hi Thessa,

Where do you add the codes? It work after that? Thanks in advance.

As mentioned, it’s added into the .htaccess file which resides in the root folder where you WordPress files installed in.

If you unsure of doing so, you could contact your hosting support staff to do that for you.

Regards,
Kharis

Hi I’m using this thread as I have the same issue on my page popfree.world . The sharing icons on the blog widget is showing as squares. I’ve tried adding the code to the .htaccess file with nu success. Do you have any further idéas on what may be the issue @kharisblank ?

Hello there,

As it’s an issue with server configuation, please try contacting your web hosting support department. As they’re aware, I am sure they’ll be happy to help you.

Regards,
Kharis

Ok thanks, I’ll try and get back here with result.

I think you might have misnderstood my answer @kharisblank . I successfully added the code to the .htaccess file but there was no difference to the page or icons.

Am I right you interpreted that I could not add the code successfully?

If you did, and I have added the code with no success. What can I do then?

Hello there,

I’d like to check it once again. But your site appears to be private now. Is there any other way to allow me checking it?

Regards,
Kharis

Hi @kharisblank ! Yes sure, go to popfree.world/home

In the first row my social icons cant be configured.

In the 4th row, the blog post row, the social icons show a squares.

Let me know if you want to log in to the dashboard and I can send you the account information.

Thanks for your support !

Hello there,

The social sharing icons in this section is not part of the theme. It’s Jetpack’s. To help you resolve this issue, I’d highly encourage you to contact Jetpack’s support department, who knows best about it.

https://jetpack.com/support/

Regards,
Kharis

Allright @kharisblank, thank you for your reply, I will change them for another plugin.

You did however not answer regarding the icons on the 4th row. I’m sure those are theme icons.
They are showing as squares in my chrome browser and on my phone chrome browser they show as ovals in different colors. What are your thoughts about this?

Cheers