Resizing elements

Resizing elements

When you drop elements onto your template, they automatically resize based on the available space.

For example, if we drop a text element using the drop-bar on the bottom of the image, then our new text element automatically scales to be the same width as the element above:

 resize-1.png

 

resize-2.pngYou can also manually change the width of an element.

To do this:

  • Click on the edge of the space between two elements so that the double arrow appears
  • Now drag the edge of your element left or right to change the width as required.
  • As you drag, a guideline ruler will appear along with indicators to show what percentage of the container the left and right hand sides will take up.
  • Release the edge and the other elements within the container will automatically adjust to fit the new element.
    • Related Articles

    • Managing user actions in email templates

      Summary When you're writing HTML and CSS for EasyEditor email templates, you must use specific classes, attributes, and comments to either enable or disable actions in the user interface. Structure of email templates If you're having trouble finding ...
    • Adding a Preference Center or Unsubscribe link to your campaign

      Adding a preference center ('update my details') link If the preference center option isn't already enabled in your account settings (see Adding an unsubscribe link below), then you can add a link to your campaign for a preference center. A ...
    • Adding HTML to email templates

      Summary Recommended starting point We recommend using our 'Start from scratch' templates as a starting point to create your own email templates. These email templates include the most up-to-date HTML and CSS that make your email campaigns responsive ...
    • Using Dynamic Content in campaigns

      Dynamic Content enables you to tailor your campaign so different groups of your audience receive different content, different offers, images, copy or calls to action. This means you can send one campaign with multiple targeted messages for different ...
    • Inserting borders, padding and dividing lines into your campaign

      Our Drag-and-Drop Editor makes it simple to add borders, padding and dividing lines into your campaigns. Here's an example of using our borders and padding tool to create a dashed grey line separating two news items in a newsletter.   To do this, and ...