Zuki Theme Social Media Icons

sugarandbuttons · Member · Jan 28, 2015 at 11:52 am
Copy link

Add topic to favorites
Hi
Can anyone tell me the css codes to add social media icons – Facebook/twitter/instagram/pinterest.
I have the social media widgets but I’s just like the icons.
Thanks

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Jan 28, 2015 at 5:49 pm
Copy link
Have you checked the Add Social Media Buttons to Your Sidebar or Footer support document?
sugarandbuttons · Member · Jan 28, 2015 at 8:23 pm
Copy link
Thank you, I didn’t even know that existed! Seem to have it working now.
I don’t suppose you or anyone else knows if there is an Etsy button out there somewhere?
sugarandbuttons · Member · Jan 28, 2015 at 8:47 pm
Copy link
I also can’t find the mail and bloglovin icon as a circle. Anyone know how I can adapt the other css options (i.e. the square to circle)? I gave it a go myself but it didn’t work.
Thanks
staff-happychia · Staff · Jan 29, 2015 at 8:28 am
Copy link
I downloaded the 35×5 Etsy and Mail icons for you and made them available at https://cloudup.com/i1h0TkpkH4s

Download them from the above link and upload to Media Library as explained in the Step 1 of the Add Social Media Buttons to Your Sidebar or Footer support document.

Then follow step 2 and link these icons to Etsy and email id.

Please feel free to let me know if something is unclear :-)
staff-happychia · Staff · Jan 29, 2015 at 8:30 am
Copy link
The previous link opens mail icon, it is still valid but it might be confusing to you. So use https://cloudup.com/cC5TKVFOk5B which shows both the icons on the same page.
sugarandbuttons · Member · Jan 29, 2015 at 9:20 am
Copy link
Thank you that’s really kind of you!
When I added the other buttons to my page, I didn’t actually add any of the icons to the media section, I just copied and pasted the code and changed to my links, so I’m a little confused as to what coding I use?
staff-happychia · Staff · Jan 29, 2015 at 9:54 am
Copy link
When I added the other buttons to my page, I didn’t actually add any of the icons to the media section

Correct. This is because those icons are available at https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter1.png so we just used them.

But as you said, Mail and Etsy icons are not hosted anywhere. Which is why we need to upload these two icons to your Media Library so they can have some link like above.

Here are the links in my Media Library:
https://chaittestpress.files.wordpress.com/2015/01/1422541312_mail-128.png
https://chaittestpress.files.wordpress.com/2015/01/1422541327_ubercons_socialpack_etsy-128.png

You can get similar links in your media library once you upload these images in to your Media Library.

Add this code and replace Etsy profile/Email links and image links.
```
<a href="mailto:(email visible only to moderators and staff)">
<img title="Email" alt="Email" src="https://chaittestpress.files.wordpress.com/2015/01/1422541312_mail-128.png" width="35" height="35" />
</a>
<a href="[full link to your Etsy profile]">
<img title="Etsy" alt="Etsy" src="https://chaittestpress.files.wordpress.com/2015/01/1422541327_ubercons_socialpack_etsy-128.png" width="35" height="35" />
</a>
```
More help on finding the links is available in the aforementioned support document.
sugarandbuttons · Member · Jan 29, 2015 at 10:33 am
Copy link
Ok, I’ve managed to add the links but not the images yet. Should I do this with all the images?
sugarandbuttons · Member · Jan 29, 2015 at 10:36 am
Copy link
Have added the image links :D So if I download the others and do the same I should be set.
sugarandbuttons · Member · Jan 29, 2015 at 11:01 am
Copy link
I’ve done them :) Only thing is the one’s I’ve downloaded are smaller and not as clear as yours?
staff-happychia · Staff · Jan 29, 2015 at 11:53 am
Copy link
I downloaded them from https://www.iconfinder.com and resized them to 35px x 35px.

They have great set of icons. Like this twitter one: https://www.iconfinder.com/search/?q=twitter

I can see you linked the icons from your Media Library which is good :-)
sugarandbuttons · Member · Jan 29, 2015 at 1:54 pm
Copy link
That website is great! Thank you so much for your help!
staff-happychia · Staff · Jan 29, 2015 at 6:12 pm
Copy link
You are welcome. Your social media icons are looking great. :-)
flipkartbestestoffers · Member · Jan 29, 2015 at 6:15 pm
Copy link
Thanks i was also looking for the same
timethief · Member · Jan 29, 2015 at 6:19 pm
Copy link
@offerheoffer
Your spamming to get others to click your username link to a commercial site has been reported to Terms of Service Staff.

No items found.