How to add instagram icon to the group of social icons?
- GK User
- Mon Feb 29, 2016 4:25 pm
Hi,
This is the site url: http://www.cabletoday.com.ve
I would like to add instagram social icon to the group of the social icons located int the custom html module in the bottom5 postion of the template (right low corner). You can see the position in the annex.
I tried using this code but it did not work:
<li><a class="icon-Instagram" href="#">Instagram</a></li>
Also, I tried using this code and again it did not work:
<div class="gk-footer-social-icons"><a href="#"><i class="gkicon-instagram"></i></a></div>
Please, could you give me the right code?.
Regards.
This is the site url: http://www.cabletoday.com.ve
I would like to add instagram social icon to the group of the social icons located int the custom html module in the bottom5 postion of the template (right low corner). You can see the position in the annex.
I tried using this code but it did not work:
<li><a class="icon-Instagram" href="#">Instagram</a></li>
Also, I tried using this code and again it did not work:
<div class="gk-footer-social-icons"><a href="#"><i class="gkicon-instagram"></i></a></div>
Please, could you give me the right code?.
Regards.
-
- Expert Boarder
- teitbite
- Fri Mar 04, 2016 10:57 am
Hi
Unfortunately Your site is blocked for Poland so I cannot see it, but I need to upset You that there is no such icon. Fastest way would be by replacing it with font awesome: http://fortawesome.github.io/Font-Awesome/icons/
Unfortunately Your site is blocked for Poland so I cannot see it, but I need to upset You that there is no such icon. Fastest way would be by replacing it with font awesome: http://fortawesome.github.io/Font-Awesome/icons/
-
- Moderator
- GK User
- Mon Mar 07, 2016 7:01 pm
Thank you for your answer.
Could you give me the exact code that Storefront accept from Font Awesome in order to show icon, facebook and instagram icons?
I do not remember clearly, but I think template has its own syntax to show the icons even using fotn awesome icons.
Please, could you help me?.
Regards.
Could you give me the exact code that Storefront accept from Font Awesome in order to show icon, facebook and instagram icons?
I do not remember clearly, but I think template has its own syntax to show the icons even using fotn awesome icons.
Please, could you help me?.
Regards.
-
- Expert Boarder
- GK User
- Mon Mar 07, 2016 8:47 pm
Hi,
Finally I use this code:
<ul class="gk-social-icons">
<li>
<a target="_blank" href="https://twitter.com/CableToday">
<span class="fa fa-twitter" style="color:#FFC024;"></span>
</a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/thefutbolclub1/">
<span class="fa fa-facebook" style="color:#FFC024;"></span>
</a>
</li>
<li>
<a target="_blank" href="https://instagram.com/cable.today">
<span class="fa fa-instagram" style="color:#FFC024;"></span>
</a>
</li>
</ul>
Now, the social icons looks as I want
You can close the ticket.
Regards
Finally I use this code:
<ul class="gk-social-icons">
<li>
<a target="_blank" href="https://twitter.com/CableToday">
<span class="fa fa-twitter" style="color:#FFC024;"></span>
</a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/thefutbolclub1/">
<span class="fa fa-facebook" style="color:#FFC024;"></span>
</a>
</li>
<li>
<a target="_blank" href="https://instagram.com/cable.today">
<span class="fa fa-instagram" style="color:#FFC024;"></span>
</a>
</li>
</ul>
Now, the social icons looks as I want
You can close the ticket.
Regards
-
- Expert Boarder
- teitbite
- Sun Mar 13, 2016 11:33 am
Hi
Ok, just to make it clear. Template has a limited options for icons, this is why I adviced to use font awsome. That's why I could not give You a code for this icon, since instagram one is simply not there.
Thread closed as requested.
Ok, just to make it clear. Template has a limited options for icons, this is why I adviced to use font awsome. That's why I could not give You a code for this icon, since instagram one is simply not there.
Thread closed as requested.
-
- Moderator
5 posts
• Page 1 of 1