Changing Front Page "Contact Us Section" social media icons

Illdy
1

Currently the only social media we’re using with our business is Facebook. Using the front page widgets, specifically “Contact Us Section”. The default “f” icon for facebook is too small. Is there a way to change the icon to a more traditional slightly bigger blue Facebook logo?

2

hey there

Well, this is default button :slight_smile:
but I have one idea, I think we can do it by custom css, to do this, please provide url of the website here and link to the icon from your website you want to have as a social icon

3

Our website is, http://www.independenceworld.com.au/

And the icon I’m looking to use would be http://www.independenceworld.com.au/wp-content/uploads/2020/08/Facebook-Logo_Smaller.png

4

hey there
Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.fa-facebook-f:before, .fa-facebook:before {
display:none
}
i.fa.fa-facebook {
background-image: url(http://www.independenceworld.com.au/wp-content/uploads/2020/08/Facebook-Logo_Smaller.png);
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
}

Thanks!
Colorlib Support Team

5

Thank you so much, that worked! :slight_smile: And thank you for creating such a good theme.

6

You are welcome :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions
Thanks!