help center
  • Introduction
  • Designs
    • Products
    • Design guides
    • Editing designs
    • Personalize (variables)
    • QR codes
    • Branded Links
    • Images
    • Fonts
    • Scaling text
    • Emojis
    • Finishes
    • Colours
    • Coupons
  • Testing
    • Preview
    • Sample Card
  • API
    • API Documentation
    • Authentication and API Keys
    • Example JSON
    • API status codes
    • Address Validation
    • Rate Limiting
    • Idempotency
    • Postman settings
    • CSV automation
    • Webhooks
  • Integrations
    • ActiveCampaign
    • Deployteq
    • HubSpot
    • Klaviyo
    • Laravel
    • Monday
    • Power Automate
    • Shopify
    • AFAS
    • Spotler / Squeezely
    • Zapier
    • Salesforce
    • Microsoft Dynamics 365
    • Odoo CRM
    • Copernica
    • Zoho
  • Mailing
    • Submission
    • Destinations
    • Sustainability
    • Batch
  • Billing
    • Prepaid
    • Invoice
    • Cost centers
  • Support

help center

English
  • Nederlands
  • English
  • Introduction
  • Designs
    • Products
    • Design guides
    • Editing designs
    • Personalize (variables)
    • QR codes
    • Branded Links
    • Images
    • Fonts
    • Scaling text
    • Emojis
    • Finishes
    • Colours
    • Coupons
  • Testing
    • Preview
    • Sample Card
  • API
    • API Documentation
    • Authentication and API Keys
    • Example JSON
    • API status codes
    • Address Validation
    • Rate Limiting
    • Idempotency
    • Postman settings
    • CSV automation
    • Webhooks
  • Integrations
    • ActiveCampaign
    • Deployteq
    • HubSpot
    • Klaviyo
    • Laravel
    • Monday
    • Power Automate
    • Shopify
    • AFAS
    • Spotler / Squeezely
    • Zapier
    • Salesforce
    • Microsoft Dynamics 365
    • Odoo CRM
    • Copernica
    • Zoho
  • Mailing
    • Submission
    • Destinations
    • Sustainability
    • Batch
  • Billing
    • Prepaid
    • Invoice
    • Cost centers
  • Support

Print.one

  • Print.one website

  • Print.one login

  • Terms and Conditions

Copyright © 2024 Print.one - all rights reserved

  • Designs
  • Scaling-text
  • Migrating Scaling text

    Migrating Scaling text

    The old syntax for scaling text was:

    {{{scalingText width height horizontalAlignment verticalAlignment text [font]}}}

    To convert this to the new syntax, you can use the following:

    <print-one-scaling-text id='example-id'>{{text}}</print-one-scaling-text>

    The new syntax uses CSS to define everything. So to set the height and width, you would do the following:

    1<style>
    2#example-id {
    3 height: 400px;
    4 width: 400px;
    5}
    6</style>

    For alignment, we now use CSS values for `justify-content` (horizontal) and `align-items` (vertical). The values have also been adjusted and can now only be `start`, `center`, or `end`. That would look like this:

    1<style>
    2#example-id {
    3 justify-content: start; /* left */
    4 align-items: end; /* bottom */
    5}
    6</style>

    You can then set the font using `font-family`.

    Next

    Introduction »