Stencil Documentation
  • General
  • API
    • Authentication
      • Account
    • Pagination
    • Status Code and Throttling
    • Endpoints
      • Projects
      • Templates
      • Images
      • Collections
      • PDFs
      • Airtable
    • Charts
  • Using Stencil
    • Template Editor (New)
    • Template Editor (Legacy)
      • Limited Markdown Supports
      • Anchoring Element
      • Using Custom Font
      • Circular Text Positioning
    • White Label for Business
      • Setting Up Your First Client
      • DNS Setup with Cloudflare
  • Guides
    • Airtable Integration
      • Basic
    • Integromat Integration
      • Connection
      • Instant Trigger
    • Zapier Integration
      • Authentication
      • Trigger - New Image
      • Action - Create Image
    • Secure Signed Image
      • Basic
    • Query String Integration
      • Basic
      • Cache
    • Forms Integration
    • Case Studies
      • Generate Instagram Post from WooCommerce
      • Generate Open Graph Image for WordPress
      • Generate Personalized SendGrid Email Campaigns
      • Sending Charts to Twitter
      • Generate Instagram Post from Shopify
      • Automating Webflow Open Graph Image
      • Generate certificate of accomplishment
      • Automate Candidate's Certificate Generation
  • LINKS
    • Back to Stencil
    • Got bug?
    • Need feature?
    • Blog
Powered by GitBook
On this page
  • Understanding Arc Position and Alignment
  • Manual Adjustment

Was this helpful?

  1. Using Stencil
  2. Template Editor (Legacy)

Circular Text Positioning

PreviousUsing Custom FontNextWhite Label for Business

Last updated 3 years ago

Was this helpful?

Understanding Arc Position and Alignment

Position

There are four available positions,

  1. Top

  2. Bottom

  3. Left

  4. Right

Setting the Arc Position to one of this values will position the text based on this anchor position.

Alignment

There are three alignment options,

  1. Left

  2. Center (default)

  3. Right

This option allows you to decide how to align your text based on the anchor position.

Manual Adjustment

Certain fonts don't align correctly because the length of the text can be inaccurate. This usually happens with custom font which usually doesn't contain the right metadata.

To work around this, you can set an offset to align your text properly.

Position: Bottom, Alignment: Center

Position: Bottom, Alignment: Left

Position: Bottom, Alignment: Right

Arc Position set to Bottom