I am having trouble putting an instagram badge on my site.

  • Unknown's avatar
    jhfurniture · Member ·

    trouble with instagram badge

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    You can add an Instagram badge to your site with this guide: Instagram Badge

    When you copy and paste the code for your badge, the only part of the code that you’ll need to copy is in the red rectangle starting with this:

    <a href=

    and ending with this:

    </a>

    If you’re having trouble with that, please let me know exactly what code you’re using for your Instagram badge and I can help you with that.

  • Unknown's avatar
    jhfurniture · Member · 
    <style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/(email visible only to moderators and staff)); background-size: 60px 178px; } }</style>
<a href="http://instagram.com/jameshopperfurniture?ref=badge"><img src="//badges.instagram.com/static/images/ig-badge-32.png" alt="Instagram" /></a>

    Hi Rachel, this is the complete code from instagram. I was selecting the code between the <a> pasting it in the widget and seeing nothing. What am I doing wrong? Alison

  • Unknown's avatar
    rachelmcr · Member ·

    Hi Alison,

    Thanks for sharing that with me. I took a look at the code in your widget, and it looks right to me. I checked your site and I see that badge appearing correctly, for example on your latest post here:

    Are you having any trouble seeing the badge there?

  • Unknown's avatar
    jhfurniture · Member ·

    I found it now. I see that you have to click on an image in the slider to get there. Is there anyway I can have this on the footer beside the copyright info?

  • Unknown's avatar
    rachelmcr · Member ·

    The Portfolio theme doesn’t include a footer area for widgets, so there isn’t a way to add it to the footer that way. It’s possible you can add it using Custom CSS, though.

    If you have CSS questions, most of our CSS support is done in the CSS Customization forum by expert staff and volunteers:

    https://en.forums.wordpress.com/forum/css-customization

    If you prefer not to deal with the CSS yourself, you can also request additional help here: Request Theme Customization

  • The topic ‘I am having trouble putting an instagram badge on my site.’ is closed to new replies.