Text element

You can drag-and-drop the text element from the Elements tab on the left and drop it to your email.

Settings that you can adjust in the text element are:

Body text settings #

In the Body text settings, you can add the desired Font Family.

You can choose Arvo, Butter, Cabin, Courier New, Crete Round, Droid Sans, Droid Serif, Garamond, Georgia, Gill Sans, Helvetica Neue, Hind, Karla, Lato, Lobster, Lora, Lucinda Grande, Merriweather, Monserrat, Noticia Text, Open Sans, Oswald, PT Sans, PT Serif, Palatino, Playfair Display, Raleway, Roboto Condensed, Roboto, Source Sans Pro, Tahoma, Times New Roman, Trebuchet MS, Ebuntu, Verdana.

Warning: Some fonts do not render in Gmail and therefore, a backup font will be rendered instead.

Then, you can adjust the size and line-height of your text.

Here, you can also change the body text color by picking the desired color in the color picker.

H1 #

If you want this text to be H1, then all these previously mentioned settings, you will have to adjust under H1 in the toolbox.

H2 #

If you want this text to be H2, then all these previously mentioned settings, you will have to adjust under H2 in the toolbox.

H3 #

If you want this text to be H3, then all these previously mentioned settings, you will have to adjust under H3 in the toolbox.

Now you can select your text from the email editor and choose if you want it to be Normal text, H1, H2, or H3 which you previously adjusted.

Links #

You can add the link to your text. Select the text on which you want to add the link and click the ‘’Link’’ icon.

Add the link and click ‘’OK’’.

Next, in the toolbox on the left, you can change the link color under ‘’Link’’ and remove it’s underline. You can change the link color too by selecting the color from the color picker.

Then the linked text will change its color.

Padding #

 

You can also manipulate the text position by changing the padding under ‘’Paddings’’.

I added some paddings on my text box.

Here you can see that I changed the top padding to 30 px and left padding to 40 px.

Background #

Under ‘’Element Background’’ you can change the background color of your text element by choosing the color in the color picker.

Here you can see that the background color of the element was changed.

You can also add a background image to your text box by switching on the switch.

Then click ‘’Change’’.

Gallery will open and you can upload your background image of the text element.

You can manipulate the text size by changing the paddings.

Also, you can reduce your image size so that it fits the box by clicking ‘’Edit’’.

Click ‘’Transform’’, then ‘’Lock Resolution’’ and add the desired size. When you have done that, click ‘’Export’’.

You can see now that the image now fits better with the box size.

You can also change the position of your background image. It can be:

  • Center center
  • Center top
  • Right top
  • Right center
  • Right left
  • Right bottom
  • Center bottom
  • Left center
  • Left bottom
  • Left top

You can also change the repeat of the image. It can be:

  • No repeat
  • Repeat -x
  • Repeat -y
  • Repeat

Pin It on Pinterest