Skip to main content
All CollectionsDesignDesign Builder
Auto-resize text on your visuals
Auto-resize text on your visuals

Automatically resize text in a container if it exceeds character limit. Activation steps for both layers and templates.

Guillaume Stigliani avatar
Written by Guillaume Stigliani
Updated over 3 months ago

The auto resize feature allows you to automatically resize the text contained in a container if it exceeds the container in number of characters.

Check out the article explaining how the container system works in Abyssale

Important : You can't see the functionality in action in the design builder, the auto resize happens when the banner is generated


Activate the text auto resize feature on a layer

  1. Select your text or call to action layer

  2. Enable the Text auto resize setting

  3. Set the minimum font size allowed to resize the text


I have an error message about the text size when generating

If the text of your element exceeds the container during the generation, you will get an error at the end of the generation which will be described in the error report with the following message:

the text "this is a sample text". cannot fit within the defined space.

You have 4 choices to correct this problem:

  • Enable the Text auto resize feature

  • Decrease the minimum font size allowed

  • Reduce the number of characters in your text

  • Increase the container size of the layer concerned


if you use the Api

When sending a JSON request, only include the necessary fields that need to be updated dynamically. Avoid including unnecessary information by not copying and pasting the entire JSON, as it can lead to errors such as the auto text resize feature not functioning properly when a font size is specified in the JSON.

Important: if the json being sent to abyssale through the api (https://api.abyssale.com/banner-builder/{templateid}/generate) includes a font size, that size sent through the api will override the text auto resize feature.

Did this answer your question?