How to Align Articles in Multi-Column Sections

« Go Back


Full Story

Many newsletter templates have two, three or four column sections available for articles. 

When using these multi-column article sections it is important from a design perspective to align the content in each column. This can be done using features in Poppulo.

Note: If you do not see a mutli-column section readily available in your template, expand the Layout menu and scroll through the Content components to see if there is one available to drag into your email.
User-added image

To make each column align, you can

Align your Images

  1. Click on an article to open the Edit Article View.
    User-added image

  2. Click the pen icon to edit the image.
    User-added image

  3. Resize your Image by choosing an aspect ratio. You can select any aspect ratio. Repeat for all Article Summary Images in the multi-column section.
    User-added image

Align your Article Titles

Your Article Titles should automatically align if your images align. If you use a Subtitle or Author field in an article, make sure to include this information for other articles in the section.
User-added image

Sometimes, article title word count will push the title onto a second line. You can control the Article Title font size to make these align.

  1. Click on Edit Theme.

    User-added image

  2. Click the Article Title in the section you wish to edit. Adjust the Size of the Title Text Styling (field names will vary). The preview will show you the changes until you find a suitable font size.
    User-added image
  3. Click Save to save your changes.

Align your Read More link

​​​​​The Read More link aligns with the bottom of your article summary paragraph text. 
  1. Click to edit an article.
    User-added image

  2. Check the word count of your article summary.
    User-added image

  3. You can use this word count as a guide for other article summary content.
    User-added image
    Note: You can also hit enter at the end of shorter article summaries to add <br> tags and help align the Read More link.

Was this article helpful?



Please tell us how we can make this article more useful.

Characters Remaining: 255