Social Media Icons and Links

[Robert]

Is there a way to add other Social Media Icons to the list at the top. We see the code under the Basic Setting Tab under Theme options.

[social_area][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”instagram” link=”#”][/social_area]

We want to be able swap out some items and add Houzz (fa-houzz), Pinterest (fa-pinterest), and Yelp (fa-yelp ), for example.

Is that possible?

[Sonl Sinha]

Hi Robert,

Just put icon name in the shortcode.

Example:
[social icon=”houzz” link=”#”]

Regards,
Shri

[Ricardo Quezada]

How to link Whatsapp?

[Robert]

I tried that and save the options (both with and without the actual Houzz link replacing the hashtag.

[social_area]
[social icon=”houzz” link=”#”]
[social icon=”facebook” link=”#”]
[social icon=”twitter” link=”#”]
[social icon=”linkedin” link=”#”]
[social icon=”instagram” link=”#”]
[/social_area]

But it didn’t work. Am I doing something wrong?

[Sonl Sinha]

Hi Robert,

Kindly show us your website

Regards,
Shri

[Robert]

The Beta site that is under construction can be seen at http://www.aibd.org/mobile/.

The current code we have under the ‘Header Top Social icon’ section in the Theme Options is:

[social_area][social icon=”houzz” link=”#”][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”instagram” link=”#”][/social_area]

[Sonl Sinha]

Hi Robert,

Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

Regards,
Shri

[Robert]

Hi Shri,

The URL is http://www.aibd.org/mobile

Why is the WordPress Admin needed? Is there not a more secure way to resolve this issue?

The verbatim code that we have put is:

[social_area][social icon=”houzz” link=”#”][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”instagram” link=”#”][/social_area]

Are you not able to look at that and see what is wrong?

Thanks

[Sonl Sinha]

All you need to do is replace the # within the double quotes with the actual URL so for example our facebook URL is https://www.facebook.com/sktwordpressthemes

Similarly add your full actual URLs replacing the #

Someone asked how to link WhatsApp kindly check in this website: http://fortawesome.github.io/Font-Awesome/icons/

All you need to do is add this icon: whatsapp with the line of code within the actual code.

here is the code again:

[social_area][social icon=”houzz” link=”#”][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”instagram” link=”#”][/social_area]

Adding WhatsApp would mean:

[social_area][social icon=”houzz” link=”#”][social icon=”whatsapp” link=”#”][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”instagram” link=”#”][/social_area]

Make sure not to copy codes from forum as they do not keep the inverted commas intact. Take it from the section area or from documentation area.

Regards,
Shri

[Zaneta Anna]

Hi how I can change short code social icon because I have on wordpress ultimate social media plus and I need change for that short code thanks

[Sonl Sinha]

You can use a different plugin for social icons then in case you don’t want our shortcode.

Find any suitable plugin in WordPress.org/plugins which suits your requirement of icons.

Regards,
Shri

[Kingsley]

so that of whatsapp will be [social_area][social icon=”houzz” link=”#”][social icon=”whatsapp” link=”+10837373636”][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”instagram” link=”#”][/social_area]

[social icon=”whatsapp” link=”+10837373636”] it doesnt seem to work. please how do i add that of whatsapp?

Thanks

[Sonl Sinha]

Hi,

Kindly use below code for WhatsApp:

[social icon="whatsapp" link="https://wa.me/10837373636?text=Hi,%20I%20contacted%20you%20through%20your%20website"]

Reference: https://faq.whatsapp.com/en/android/26000030/

Regards,
Chris

[dawood.masood]

How can i change the color of the icon?

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Chris

[Author]

Posts