text – Bannernow Tutorials https://bannernow.com/tutorials Bannernow Tutorials Thu, 20 Feb 2025 21:54:28 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.2 https://bannernow.com/tutorials/wp-content/uploads/favicon-bn-32x32.png text – Bannernow Tutorials https://bannernow.com/tutorials 32 32 RTL (Right to Left) Text https://bannernow.com/tutorials/html5-display-ads-rtl-right-to-left-text/ Fri, 18 Aug 2023 14:35:20 +0000 http://help.bannernow.com.www629.your-server.de/?p=2808
RTL languages and bidirectional text are fully supported in the BannerNow editor.

This means you can seamlessly design creatives in languages such as Arabic, Hebrew, or Persian.

Make sure to choose a compatible RTL font for your text. To enable support for right-to-left text, simply select the text on the stage and navigate to Text Settings > RTL Direction, and check the box.

With this feature, you can effortlessly design and animate creatives with RTL text, ensuring your message is effectively communicated in any language.

]]>
text - Bannernow Tutorials nonadult
Styles and Presets https://bannernow.com/tutorials/presets/ Wed, 14 Mar 2018 12:22:06 +0000 http://help.bannernow.com.www629.your-server.de/?p=268 Presets: Reusable Text and Button styles, and custom Effects.

Presets – is a way to create Buttons, Text and Custom Effects, which you can later save in galleries for future re-use.

You are able to add a new Text/Button item on the Stage, apply desired options to it such as font, color, width, etc and save it in the Presets Gallery.

When a new Preset is saved, you can re-use for the current banner or any new banners within the same Project/Campaign, until you remove it at some point.

Steps to create a Text Preset:

  1. Add a new Text item on the Stage and apply desired properties (colors, font, …).
  2. Select this Text item  on the Stage. Scroll through the properties panel on the left all the way to the end. You’ll find the Save Style option. Click it in order to save a new Button Presets.

How to find existing presets (for Text items)

Click the Add Text button.

You will see the Presets tab within the gallery only if you’ve created presets before. From here, you can add a Preset item on the Stage by clicking on it. You’re also able to remove or rename an existing preset by hovering over a preset thumbnail and clicking the 3-dot icon to access the remove/rename menu.

Button preset

Add a Button on the Stage and apply the desired properties (colors, font, etc).

Button presets can be accessed by clicking the Add Button on the left. Same as with Text Preset, you can add, remove or rename a Button Preset.

You can also create and reuse the Custom Effect Presets.

For this, select an item on the Stage and access its Custom Effect properties from layer settings on Timeline.

Configure your custom effects by adjusting opacity, scale, easing, etc… Then click on Save Preset.

Create a name for your new preset.

By doing this, a newly added preset will appear in the Presets dropdown. You can then apply this to any banner in the current project. Just select it from the dropdown menu.

Remove a preset by selecting the preset from the dropdown and clicking on Remove Preset.

]]>
text - Bannernow Tutorials nonadult
Text Element https://bannernow.com/tutorials/add-text/ Tue, 13 Feb 2018 20:48:49 +0000 http://help.bannernow.com.www629.your-server.de/?p=216 Text is a critical component of a creative. The color, size and width, all convey a message to the viewer of a display ad.

In this quick tutorial, we’ll cover the basics of using the Text tool, as well as advanced features.

We can access the Text tool by clicking the “Plus” button.

BannerNow comes pre-loaded with beautiful fonts so you can start designing quickly. Pick your favorite style. You can use this text as it is or customize it any way you need.

To edit an existing text element, double-click inside the text box.

At the top of the Properties panel is an alignment section that you can use to align text relative to the canvas.

Below, there is the transform section, where you can set the position: the X, the Y positions, Width, Height and Rotation.

Next, there are the Hover and Down tabs for changing the text style for mouse hover and down events.

Then, we have the Feed text connection button. It is now disabled because our creative is not connected to any feed yet. Dynamic creatives using a feed allow you to display multiple texts, as well as conduct A / B testing.

Other useful function is the drop down menu where you can select a new font. You can also type in this field to search. Let’s search for Roboto font. Below select a font style: bold, medium, regular, etc. Also, change size by pressing down/up arrow and color inside the color picker.

Above we have additional upload option. You’ll simply need a .ttf or a .otf file. After the upload, let’s type in the name of the new font to search and as you can see, it is already ready to go.

You can also change the font style, or the style of specific characters. For example, apply bold, italic or strikethrough, and if you want to reset all these changes, just click “Clear style” button.

Advanced settings includes:

Spacing – we can change the amount of space between characters;

Line Height – to change the amount of space between each line of your text;

Padding – is the space between the content and the border of our text box;

Skew – is when twist it vertically or horizontally;

Opacity – adds transparency to the text element;

RTL – means right to left text direction.

Now, let’s adjust the alignment to determine where the text should be placed within the text box. Our options are: left, center, right, top, middle, bottom.

Next, by default we have a Fixed text container, where the text will be automatically scaled to fit the container. For example, if we input more text, it will scale down inside the container.

But, we can change this behavior by setting the text alignment to Fixed Width, Dynamic Height. This allows the height of the text box to grow along with your text.

Another option is Dynamic Width and Height. Now, if I will type more text, the container will resize.

These features are super useful when preparing for the translation or for the dynamic feeded ad.

For example, I can place the text container fit to the bottom right corner, set the dynamic width and height, align it from right within the text box, vertical alignment set to bottom.

Now, if I translate this creative into a different language or connect the dynamic feed, the text will automatically scale to the left and top.

Next, let’s set a background color for the text container. It can be solid, linear or radial gradient.

We can add a stoke by editing the fill stroke, text box shadow, border size and also border radius to create nice round corners.

Also, you can set the hyperlink for the text element. The hyperlink should be always and absolute URL with the “https://…” . If your creative will be connected to a feed, you will also be able to connect the hyperlink to the feed data.

Another feature is the visibility mode. It’s usually used when you have a feeded text. For example, you can create 2 texts and display the first one only when there is the feed data; and the second one when there is no feed data as a fallback.

The ID can be used when interacting with this element via banner API.

Finally, you can save your text style as a preset, so the next time when you will add a new text, you will be able to use one of your saved text styles.

]]>
text - Bannernow Tutorials nonadult