Skip to main content

Hello, how can we help you today?

Or select a category below
Getting Started
Videos

How to add a border to connect to an image?

  1. Exclaimer Knowledge Base
  2. Signature Design
  3. Signature Design
Payal Arya
  • Updated

Scenario

You are using Exclaimer, and you are creating an email signature. You wish to add a border that connects to the logo/image in the template while having information on the left/right of the image. 

Resolution

NOTE: The steps described here assume that you haven't created an email signature yet. 

To add a border to connect to an image:

  1. Create an email signature.

  2. If you wish to start with the pre-defined tables, select the required table layout and click Yes.
    For this scenario, we clicked No.

  3. In this example, we need a 2-column by a 1-row table.  
    So, within the Signature Designer, from the left-hand pane, expand the Table section. Drag and drop the required layout to the signature canvas/griddled background.
    Example:


  4. In one cell, insert another table for your required information.
    In this example, a table with 3-columns by 1-row is inserted:


  5. From the left-hand side pane, expand the Image/Logo section. Drag and drop the Image/Logo element into the blank table cell.

  6. The Image/Logo window is displayed. Insert the required image. 
    You will see something similar to this, but with your selected image:


  7. In the secondary table, add the required fields. 
    Example:

    NOTE: In this example, we have added Personal {Fields}, Contact {Fields} and Address {Fields}. As per your requirement, you can add different signature elements.
    Now, space them by using the Padding option.

  8. Select the inner table. Then, from the right-hand pane, expand the Padding section.

  9. Untick All the Same option.

  10. Enter the appropriate values to the Top and Bottom of the inner table. 
    Example:


  11. Now, add padding to the right of the outer cell/ green line.
    Example:


  12. Add padding to each inner cell as desired.
    Example:


  13. Select the table that you wish to add the border.
    From the right-hand pane, expand the Border section. 

  14. Untick All the Same option.

  15. As required, add a Top border or bottom border of 1px solid or more. 

  16. Now, select the colour depending on your design.
    In this example, the Bottom colour is #8d5c5c.


  17. View the signature in the preview pane.
    Example:
CAUTION! There will always be a slight misalignment that is only seen if the email is zoomed in more than 100% (100% is the normal viewing size). Unfortunately, this is something we cannot fully control. Just make sure that the border is applied to either the secondary table or the table cells, rather than the outer golden yellow line on the main table.