badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Change Facebook icon and the size

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6691
    pixelandmore
    Participant

    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

    #6817
    sovit ranjitkar
    Keymaster

    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!

    #6929
    Sara
    Member

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

    #6950
    Sara
    Member

    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.

    #6952
    pixelandmore
    Participant

    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!

    #7073
    sovit ranjitkar
    Keymaster

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.