← Back to Badge Installation
Badge Installation

Standard and compact sizes

Compact is an attribute on widget.js, not a CSS class on your site. Use it for both floating and inline seals.

How to request compact

Add data-sitetrust-size="compact" to the badge script. Leave it off for standard.

<script src="https://www.sitetrust.com/widget.js"
  data-sitetrust-id="ST-XXXXX-XXXXX"
  data-sitetrust-size="compact">
</script>
<script src="https://www.sitetrust.com/widget.js"
  data-sitetrust-id="ST-XXXXX-XXXXX"
  data-sitetrust-mode="inline"
  data-sitetrust-size="compact">
</script>

Why your CSS will not resize it

The seal renders inside an iframe. Parent-page utilities such as sm:w-16 never reach the artwork. Passing ?compact=1 / the compact attribute is the supported way to get the smaller seal, including on mobile.

Artwork

  • Floating uses the circular site seal.
  • Inline uses the square tier mark.
  • Do not host a copied PNG and call it the live badge. The live script is what checks badge_visible and opens the certificate.

Related

Placement rules: Placement and size.

Need help?

Email wecare@sitetrust.com with your site URL and platform. One business day response, Monday through Friday.