Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

mail_open
Footer, social media icons
annalisa

Excellent
July 10, 2018 - 9:23 am
Member Since: February 9, 2018
Forum Posts: 15
sp_UserOfflineSmall Offline

I want to add an instagram icon to the footer of my website. I have created the circle and changed the colour, but I cant get the icon for Instagram to work.
HereImage Enlarger


Heres the code in the Static Block;

<div class="social-links icon-wrapper-circle">

<a class="first" href="https://www.facebook.com/BabyRiceUK/&quot; title="Join us on Facebook">
<span class="icon icon-hover i-facebook-w" style="background-color: #3b5998"></span>
</a>

<a href="https://www.instagram.com/babyrice_keepsakes&quot; title="Follow us on Instagram">
<span class="icon icon-hover i-instagram-w" style="background-color: #e4405f"></span>
</a>

<a href="https://twitter.com/babyriceco&quot; title="Follow us on Twitter">
<span class="icon icon-hover i-twitter-w" style="background-color: #3b5998"></span>
</a>

<a href="https://www.youtube.com/c/BabyRiceLtd&quot; title="Watch us on Youtube">
<span class="icon icon-hover i-youtube-w" style="background-color: #bb0000"></span>
</a>

<a class="last" href="https://www.pinterest.co.uk/babyriceUK/&quot; title="Pin us on Pinterest">
<span class="icon icon-hover i-pinterest-w" style="background-color: #cb2027"></span>
</a>

</div>

Avatar
Dave Furness

Founder
July 12, 2018 - 10:45 am
Member Since: July 19, 2013
Forum Posts: 4606
sp_UserOfflineSmall Offline

Have you checked that the Instagram icon is in the file location on your server? If it is and still not showing it might be a question best asked on the theme’s forum page.

The code looks right to me, so don’t see why that would be a problem.

Dave

Every expert was once a beginner

annalisa

Excellent
July 12, 2018 - 11:43 am
Member Since: February 9, 2018
Forum Posts: 15
sp_UserOfflineSmall Offline

So I tweaked the code until it worked; but now it only works on chrome and not on firefox. Any ideas?

<div class="social-links icon-wrapper-circle">

<a class="first" href="https://www.facebook.com/BabyRiceUK/&quot; title="Join us on Facebook">
<span class="icon icon-hover i-facebook-w" style="background-color: #3b5998"></span>
</a>

<a href="https://www.instagram.com/babyrice_keepsakes&quot; title="Follow us on Instagram">
<span class="ib ib-hover ic ic-lg ic-instagram" style="background-color: #e4405f"></span>
</a>

<a href="https://twitter.com/babyriceco&quot; title="Follow us on Twitter">
<span class="icon icon-hover i-twitter-w" style="background-color: #3b5998"></span>
</a>

<a href="https://www.youtube.com/c/BabyRiceLtd&quot; title="Watch us on Youtube">
<span class="icon icon-hover i-youtube-w" style="background-color: #bb0000"></span>
</a>

<a class="last" href="https://www.pinterest.co.uk/babyriceUK/&quot; title="Pin us on Pinterest">
<span class="icon icon-hover i-pinterest-w" style="background-color: #cb2027"></span>
</a>

</div>

The following users say thank you to annalisa for this useful post:

Maria
Maria
Warwickshire
Member
July 25, 2018 - 1:18 pm
Member Since: January 31, 2014
Forum Posts: 102
sp_UserOfflineSmall Offline

I have the same problem, can anyone help?

Thanks

Maria

I learn something new every day

annalisa

Excellent
July 25, 2018 - 2:56 pm
Member Since: February 9, 2018
Forum Posts: 15
sp_UserOfflineSmall Offline

I ended up using this code for the Instagram icon, it now works on all browsers;

<a href="https://www.instagram.com/babyrice_keepsakes&quot; title="Follow us on Instagram">
<span class="ib ib-hover ic ic-lg ic-instagram" style="background-color: #e4405f"></span>
</a>
Avatar
Dave Furness

Founder
July 25, 2018 - 3:42 pm
Member Since: July 19, 2013
Forum Posts: 4606
sp_UserOfflineSmall Offline

Thanks for sharing Annalisa, glad you got it working.

Every expert was once a beginner

 

Why Should You Join UnderstandingE?

 
  • Access to over 500 step-by-step video tutorials
  • +20 video courses available
  • Magento, M2E Pro, Magmi, eBay, Amazon & Design all covered
  • Everything is in 100% Plain English
  • Learn how to build your own multi-channel software for eBay & Amazon
  • Access to the community forums, meet fellow business owners like yourself

Join Now with 2 Clicks

 

Join now for less that £1 per day you can gain access to over 400 step-by-step video tutorials & learn how to build your very own multi-channel software.

 

Forum Timezone: Europe/London

Most Users Ever Online: 1012

Currently Online:
14 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Jim @ Moogento: 688

Steve Froggatt: 514

Badeth - UE: 513

Jimbob: 453

Paul Cartwright: 414

Forum Stats:

Groups: 6

Forums: 37

Topics: 5223

Posts: 27502

Administrators: Matthew Ogborne: 4565, Dave Furness: 4606