[Tbone17]

Hi,

Could you advise how I might go about adding a new social icon for use with your shortcodes?
I need to set up an ‘Amazon’ button.
Is this done with a vector Webfont?

Many thanks!

Tom

[Mehmet S.]

We have used JustVector Social Icons Font.

[Tbone17]

Hi Mehmet,

Thank you for your reply!
I see that they do in fact have an Amazon icon in the JustVector Social Icons Font – which is great.
Could you let me know which theme files would need changing in order to be able to use this please?
MANY thanks in advance.

[Mehmet S.]

Where did you see the Amazon icon?

[Tbone17]

It is part of the JustVector web font.
I just downloaded it from the link you provided above, unzipped it and had a look.
It has about 50 icons in there inc. Amazon.

[Mehmet S.]

All right then, you can use it.

[Tbone17]

How do I use it as a shortcode on your theme though?

You only have the following available: facebook, twitter, linkedin, flickr, dribbble, lastfm, rss, forrst, skype, picassa, youtube, google, vimeo, behance, tumblr, blogger, delicious, digg, friendfeed, github, wordpress, pinterest, instagram.

If I want to use ‘Amazon’ as a Social Icon, what files do I need to change?

Thanks

[Mehmet S.]

Did you try amazon name as above ones?

[Tbone17]

Yes. It tried it but it doesn’t work.
It just produces a small, blank box with no icon.
Perhaps you could try it and let me know what needs changing?
Many thanks

[Mehmet S.]

– Go to Appearance > Editor > functions.php,

– Find the line:

elseif ( $type == 'instagram' ) { $type_icon = ""; }

– Add amazon after that:

elseif ( $type == 'amazon' ) { $type_icon = 'B'; }

– Like this:

elseif ( $type == 'instagram' ) { $type_icon = ""; }
elseif ( $type == 'amazon' ) { $type_icon = 'B'; }
else { $type_icon = ""; }

– Go to Theme Options > Style > Custom CSS:

.social li a.amazon:hover { background-color: #ff9900; }

Shortcode:

[social_icons]
	[social_icon type="facebook" url="http://www.facebook.com"]
	[social_icon type="twitter" url="http://twitter.com"]
	[social_icon type="amazon" url="http://www.amazon.com"]
[/social_icons]

[Tbone17]

Excellent! :)
Worked perfectly, thank you very much!