[pixelandmore]

Hello Support team,
I need to change the facebook icon as visitors hardly see it and the company is investing some serious time on FB…

As a test to see how it works I just uploaded two images to: wp-content/themes/attitude-pro/images and named them:
– [email protected]
– [email protected]

They have a bigger size.

However the old icons still appear! I have cleared cache and even looked into it using another browser but no changes.
Any idea what is going wrong?

Kind regards,

Eric

[sovit ranjitkar]

Hi Eric,

The way you did to change the facebook icon is exactly correct. It should change the icon. Please try refreshing your browser and also could you please provide us a link to your site.

Thank you!

[Sara]

Pixelandmore…did you find a resolution to this problem? I am having the same problem…

[Sara]

Sovit- my website is http://www.prairietrailrentals.com (I had only adjusted the Facebook icon). Remote server shows file has been changed. Tried 4 browsers, including one that I had never looked at site on before.

[pixelandmore]

Hi Sara,
I have exactly the same problem. In fact on my mobile I can see the new FB icon but on the desktop version the original icon is still there. I was sure that this has something to do with my browser cache but I just checked this on other browsers but no difference!

[sovit ranjitkar]

@ Eric,

You have to change facebook icon path to you own for desktop too via custom CSS.
Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.social-profiles ul li.facebook a {
	background-position: 0 0;
	background-image: url("images/[email protected]");
        background-size: 30px 30px;	
}
.social-profiles ul li.facebook a:hover {
	background-position: 0 0;
        background-image: url("images/[email protected]");
}

Note: Please upload 60px by 60px images for crystal clear view in retina devices.

Thank you.

[Author]

Posts