Return to previous page

How to link the social media Icons to my social media pages

This topic has 12 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

k1

Participant

May 3, 2015 at 20:16

Hello, I would like to know how can I add url to the icons with color hover.

I can get the icons, but I cannot link it to social media pages.
For example, how can I link this to my youtube account:
[icon_box icon_style=”large” icon=”youtube” color=”#c1c1c1″ color_hover=”#e24118″]

#61188 Copied Theme version: v2.5

11 Answers

Eva Kemp

Support staff

May 4, 2015 at 13:03

Hello,

Please provide us with wp-admin panel credentials to your site.

Thank you.
Regards,
Eva Kemp.

#61305 Copied

k1

Participant

May 10, 2015 at 03:50

I would like to have my social media thing like your demo.
Follow us : icon, icon,.. with proper link. in one line only.

Please, contact administrator
for this information.

#62971 Copied Theme version: v2.5

Eva Kemp

Support staff

May 11, 2015 at 10:42

Hello,

You need use this shortcode [share] to add social media icons. To add your own links you need edit the file wp-content/themes/legenda/framework/shortcodes.php (section “! Share This Product” on line 1238). Find the code, for example, for Facebook: <a href="http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.'" target="_blank"></a> and edit this part http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.', replace it with your url.

Regards,
Eva Kemp.

#63075 Copied

k1

Participant

May 12, 2015 at 00:45

Thanks for the info. But I don’t want to share any of my products. I just want them when they click on facebook icon , it will take them to my facebook account. I want something like you guys have in the first page. Here is the link: http://kentfieldfitness.com/social-icons-follow-up.jpg

But I would like to have them with a little larger icons.

Thanks,
K1

#63311 Copied Theme version: v2.5

Brian Johnson

Member

May 12, 2015 at 08:31

Hello

You may add following code:
<div class="my-icons"><a class="link-twitter" href="https://twitter.com/8theme" target="_blank"></a><a class="link-facebook" href="https://www.facebook.com/8theme" target="_blank"></a><a class="link-youtube" href="http://www.youtube.com/channel/UCiZY0AJRFoKhLrkCXomrfmA" target="_blank"></a><a class="link-google-plus" href="https://plus.google.com/u/0/+8theme/posts" target="_blank"></a></div>
Then you will be able to change links and adjust styles for this element in custom.css.

With best regards
Brian Johnson

#63332 Copied

k1

Participant

May 14, 2015 at 22:01

Thanks for the code, but they are very small icons. I would like to have same as the demo that you have, please look into this page http://kentfieldfitness.com/social-icons-follow-up.jpg
Or what should I add to the custom CSS.

Thanks,
K1

#64052 Copied Theme version: v2.7

Eva Kemp

Support staff

May 15, 2015 at 09:17

Hello,

Please show us a page where you added social media icons.

Thank you.
Regards,
Eva Kemp.

#64115 Copied

k1

Participant

May 16, 2015 at 05:00

Here is the page: http://kentfieldfitness.com/test/

as you can see they are very small icons.

Thanks for your help.
Thanks,
k1

#64272 Copied Theme version: v2.7
Eva Kemp

Support staff

May 16, 2015 at 08:02
Hello,

Try to use this code instead of the previous one:
```
<div class="custom-info-block a-left">Follow Us:
<a href="#"> </a>
<a href="#"> </a>
<a href="#"> </a>
<a href="#"> </a></div>
```
Regards,
Eva Kemp.
#64281 Copied
k1

Participant

May 16, 2015 at 15:04

Thank you so much!

Now it works!

#64320 Copied

Eva Kemp

Support staff

May 16, 2015 at 19:54

Hello,

You’re welcome.

Regards,
Eva Kemp.

#64346 Copied
Tagged: icons, link, persuasive, social media, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘how to link the social media Icons to my social media pages’' has been successfully resolved, and the topic is now closed for further responses

How to link the social media Icons to my social media pages

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection