Working with icons

Overview

When designing an email, several layouts can be created by combining icons or small images, often with some copy. Other designs may require to have a set of images, e.g. logos, without the constrictions of row structures.

That is why the editor has an Icons content block for creating icon-based content.

Here are a few layout examples created with the Icons block to give you an idea of how it can be used:

 

00_properties.pngProperties and star ratings

 

00_testimonials.pngLogos

Bullet list

How it works

You will find an Icons tile in the Content panel. Drag it into your design to get started.


01_Icons_tile.png


In the Content properties section of the editor sidebar, click on Add new icon to add the first icon for your collection.

02_Add_icon.png

Then, click on Change image to select an image from the file manager.

 

Once done, you may edit the image with our image editor. Repeat this process until you complete your icon collection.

 

Style icons

Click on "More options" to create an accompanying section of text that you can position on top, bottom, left, or right of the icon.

03_More_options.png

From this panel, you may also add a link for the icon and the image's alternate text.

If you need to reorder the collection, drag the icon box in the content properties area.

04_Reorder_icons.png

Scrolling down to the properties, you will see a few functions that are specific for Icons.

05_Icons_properties.png

  • Icon size (16, 32, 64 and 128px)
  • Icon spacing (i.e. spacing between icons, from 0 to 20px)
  • Icon padding (padding applied to each icon)