Text overlays flowing together irrespective of text size
Text overlays flowing together irrespective of text size
Presentation
Creative
Layers
Intermediate

You can add text dynamically to the image by using overlays with syntax l_ in the URL. Here's an example of a URL with on-the-fly generated text transformation: Dynamic style

https://res.cloudinary.com/demo/image/upload/l_text:Arial_100:Weather/photo-1430609098125-581618d0482f_xvayby

Click here for more information on adding watermarks and text overlays

If you would like to add a transformation with multiple text overlays and you would like the text to be next to each other regardless of the length of the text, you can achieve that by using the transformation below:

sky

https://res.cloudinary.com/demo/image/upload/l_text:Arial_100_bold:Boston/l_text:Arial_100:|/g_west,fl_layer_apply,x_w_add_20/l_text:Arial_100_italic:79°F/g_west,fl_layer_apply,x_w_add_20/photo-1430609098125-581618d0482f_xvayby

The transformation above has "city name and temperature" where "| temperature" is positioned to flow next to the "city name" appropriately so that it looks right whether the "city name" is short or long.

The same transformation can also be used for a longer text: sky

https://res.cloudinary.com/demo/image/upload/l_text:Arial_100_bold:San Fransisco/l_text:Arial_100:|/g_west,fl_layer_apply,x_w_add_20/l_text:Arial_100_italic:62°F/g_west,fl_layer_apply,x_w_add_20/photo-1430609098125-581618d0482f_xvayby