How to change the font color in your email form

One of the design tools available in your email form builder is the font style. You are able to change font size, weight (if it is normal or bold), italic, underlined…and you can also change the font color.
In order to change font color in the form builder you can use:
1- The form settings – font color field.
Through this field you can determine the font color of all the elements in the form at once.
The field enables you to enter any color by specifying its number (such as #ffffff) or its name (such as red).
Or
2- The ‘font color’ icon in the upper toolbar – style section
This option allows you to change each element’s font color separately. In this option you can only pick from a list of colors given to you.
All you need to do is select the element and press on the icon. a small window will appear and you will be able to pick a color from the list.
Or
3- The element settings – font color field.
This option, like the first in the form settings, allows you to enter any color you want. The only difference is that the font color in this option is only applied to a certain element and not to the entire form.

Advertisements

Add a roll over effect in your email form

The email form builder enables you to create a rollover effect in a container element.
This means that if the form filler hovers above this container its color will change. This is a simple design feature.
In order to create this effect you need to:
1) Select the container element
2) Go to the container settings (element settings on the right)
3) Enter a color in the ‘On Mouse Over’ field, and a different color in the ‘On Mouse Out’ field.
4) Press on ‘apply’ and save the form.
As a result of this when hovering over the container element in the published email form the user will see one color and when moving the cursor away from the container he will see another color.

Using the grid to design your email form

One of the best design tools in the email form builder is the grid.
The grid is a network of horizontal and vertical lines that covers your design area.
The ‘Show Grid’ and ‘Snap to Grid’ checkboxes in the top menu allow for more precision in positioning Elements on your form.
The ‘Show Grid’ option makes the grid appear, whereas the “Snap to Grid” pulls the Element selected into alignment with the nearest intersection of grid lines.
These 2 options are best used together, but can be activated separately as well.

Steps to use the grid:

1) Check the ‘Show Grid’ and ‘Snap to Grid’ options in the “Element Toolbar”.

2) Determine the space between the vertical and horizontal lines in the “Form Settings” box on the right.

3) Drag an element and let go (drop) it somewhere in the design area.
Notice that while holding the element a Blue corner will appear, indicating the closest intersection of grids, where the element will be snapped to if you let it go.

4) The element will then align to the nearest intersection of grid lines.

How to Create an Email form

After you registered to EmailFormLogix and had an account set up for you, you can now start creating your email form
Following are a steps to easily create an email form:

1-       Login to EmailFormLogix
2-      Press on the “Create new email form” button (which will open the form builder)
3-      Give your email form a name in the ‘form settings’ on the right
4-      Define the email form dimensions (width and height – you can also change this later)
5-      Start dragging elements on to the design area (which is by default white)
Learn more about how to choose your elements
6-      Move the elements and place them as you wish. You can use the alignment tools and grid to help you with that.
Learn more about alignments
7-      Give each element a name in the ‘caption’ field situated in the ‘element settings’
8-      Give each element a tab index number
9-      Change the style of the form and elements if you wish (background color, fonts, sizes etc)
10-   Add a submit button
11-    Save the form
12-   Publish the form and embed it in your website