Skip to content

Instantly share code, notes, and snippets.

@DivaVocals
Last active August 29, 2015 14:13
Show Gist options
  • Save DivaVocals/4584e0d0f2080d833784 to your computer and use it in GitHub Desktop.
Save DivaVocals/4584e0d0f2080d833784 to your computer and use it in GitHub Desktop.
Center Authorize.net's Seal Code - I've seen LOTS of solutions out there in the wild to answer this question, and nearly ALL of them are wrong.. This solution works and is syntactically correct.
<!-- Add this code to your website: Note the only REAL change is on line 6, the addition of a linebreak after the Authorize.net seal -->
<!-- (c) 2005, 2008. Authorize.Net is a registered trademark of CyberSource Corporation -->
<div class="AuthorizeNetSeal">
<script type="text/javascript" language="javascript">var ANS_customer_id="YOUR-AUTHORIZE.NET-CUST-ID";</script>
<script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js"></script>
<br />
<a href="//www.authorize.net/" id="AuthorizeNetText" target="_blank">Online Payments</a>
</div>
<!-- end Authorize.Net -->
/* Add the following to your site's stylesheet */
.AuthorizeNetSeal {width:auto !important;} /* required to override Authorize.net seal's CSS and center Authorize.net seal */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment