How to create Follow Us widget

[Soapmarine]

Hello guys,
how to have Follow Us widget on the footer as you have in your demo? (with different social buttons)
I looked at the widget section and did not find one.
Thank you!

[Zadkiel]

I want to the correct way too
What i did now is use text box in widget for footer, and put
[social size=’large’ style=’light’ type=’twitter,facebook,googlepage,instagram’]
not sure if this the way to do it.

[Soapmarine]

Indeed, Zadkiel.
I did it too. And I added facebook and twitter accounts in Theme Options>Social profiles but I dont see it working 🙁

[Kyle – SUPPORT]

Hi

Please see: http://support.swiftideas.net/knowledgebase/neighborhood-demo-footer-widgets/

– Kyle

[Soapmarine]

Hi Kyle,

I know about it, I did. But when I add this line: [social style='light' type='dribbble,facebook,twitter,vimeo,youtube,tumblr'] nothing is visible, just blanc space. That is why I was asking how to do it.
Alfiya

[Kyle – SUPPORT]

You need to make sure you have set those accounts up in Theme Options > Social Profiles

– Kyle

[Soapmarine]

Kyle,
I did, please see the screenshot:

And my site: http://walt.soapmarine.com/

[Kyle – SUPPORT]

That’s because your footer is white, they are there, you just can’t see them. You need to change the social style to dark

– Kyle

[Soapmarine]

thank you, Kyle!
I made footer dark and I see them. I wanted to change the color of social icons but had no luck 🙁

ul.social-icons {
    height: auto;
    list-style: none outside none !important;
    margin-right: -12px;
    overflow: hidden;
color: #F00;
}

Any help? Thank you!

[Kyle – SUPPORT]

Try adding important on the end of the color.

– Kyle

[Soapmarine]

Hi Kyle,
I tried this one too but it doesnt work, very strange, see screenshot 🙁

[Kyle – SUPPORT]

Sorry, the social icons are an image, therefore you cant change the color unless you download the image, change the color and re-upload

– Kyle

[Soapmarine]

I’m sorry, Kyle. How can I download and re-upload the icon?
Thank you!

[Kyle – SUPPORT]

Attached

Just uplaod the image to your child theme and then overwrite the css:

ul.social-icons.light li a {
  background-image: url("images/social-icons-mono-light.png");
}

– Kyle