Instagram Authenticate (Integration)

Instagram Authenticate (Integration) 1.0.4

No permission to download
That didn't work, I guess also you meant the cat login template.

Code:
<xen:require css="cta_login.css" />

<xen:if is="{$xenOptions.facebookAppId}">
    <xen:require css="facebook.css" />
    <div class="ctaLoginFacebook">
        <a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin"><span>{xen:phrase login_with_facebook}</span></a>
    </div>
</xen:if>

<xen:if is="{$xenOptions.instagramClientId}">
    <xen:require css="instagram.css" />
    <div class="ctaLoginTwitter">
        <a href="{xen:link register/instagram, '', 'reg=1'}" class="instagramLogin"><span>{xen:phrase instagram_login_with_instagram}</span></a>
    </div>
</xen:if>

<xen:if is="{$xenOptions.twitterAppKey}">
    <xen:require css="twitter.css" />
    <div class="ctaLoginTwitter">
        <a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin"><span>{xen:phrase login_with_twitter}</span></a>
    </div>
</xen:if>

<xen:if is="{$xenOptions.googleClientId}">
    <xen:require css="google.css" />
    <div class="ctaLoginGoogle">
        <span class="googleLogin GoogleLogin JsOnly" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span>
    </div>
</xen:if>


Replace ctaLoginTwitter by: ctaLoginInstagram.

Then in template: Instagram.css you can put this CSS:

Code:
.ctaLoginInstagram a.instagramLogin {
border: none;
box-shadow: none;
}

.ctaLoginInstagram a.instagramLogin span {
line-height: 20px;
}

You are done.
 
Replace ctaLoginTwitter by: ctaLoginInstagram.

Then in template: Instagram.css you can put this CSS:

Code:
.ctaLoginInstagram a.instagramLogin {
border: none;
box-shadow: none;
}

.ctaLoginInstagram a.instagramLogin span {
line-height: 20px;
}

You are done.
Ok - got rid of the shadow but shifted the button.

Screen Shot 2015-03-03 at 5.58.17 AM.webp
 
Is this working for 1.5?

I have it installed, however it is not showing up and I have everything configured correctly.

I also went to /register/instagram and it said there was an error with connecting to instagram.
 
Top Bottom