How to change social media icons?

Hi,
The theme uses an icon font for social icons, no images.
More about it https://genericons.com/

You can choose your own icon font to change the social media icons.
Regards

very interesting! I’ve not seen those before. I see all the icons are the same color – is it possible to edit the colors of them?

Hi, Very interesting indeed!:) same question, how to change color and size?

Try:

.social-block a {
  color: red;
  font-size: 3em;
}

font-size is 1.3em by default

If you want to change individual ones, use:

.social-icon.icon-google {
 color: #123456
}

The list for each is:
icon-feed
icon-twitter
icon-facebook
icon-google
icon-instagram
icon-wordpress
icon-youtube
icon-pinterest
icon-github
icon-dribbble (3xb’s)
icon-linkedin

Thank you @rdellconsulting You helped me out a bunch!

I had never heard of embedding fonts on webpages, but I can see the advantage.
I would however like to change the icon font to one that’s a bit more conspicuous. I’ve looked through the information at https://genericons.com/ but I’m not understanding what I need to change in this theme (ie: my child version of Customizr)
It looks like I need to upload a different font file. Do need both TTF and EOT? What directory do I upload the file to?
Do I then make changes to the grey.css?

Thanks.

janeew could you open a new topic maybe being more specific on what you want to achieve and giving a link to your website if possible? Thanks ??

For some reason the code above didn’t change the color of the social media icons for me. Any ideas?

A lot of .. ah you meant for your issue? Sorry, didn’t get ??
Yes, a few, could you give a link to your website?

It’s currently locally hosted on my computer, hoping to have a Dev up and running soon.

Here is a screen shot that I threw in to photobucket.

https://i125.photobucket.com/albums/p77/kolarik1/socialmediafooter_zps0b2ee6b6.jpg

Ok, add this to your custom css, or child theme style.css:

footer#footer .colophon .social-block a {
color: #5a5a5a;
text-shadow: 0 0px 0 white;
font-size: 1.1em;
}

And change what you want ??

Awesome thanks!

Hi,

I want to add a social icon for https://www.xing.com. It′s a very important Social Network for Business Contacts.

Could you add the xing-logo to your font or is there any way to add it by me?

I haven′t found another font which includes Xing yet ??

Lucky for you, Xing is covered in this Snippet