Create a Side-by-Side Blog Layout

Settings for side-by-side layout for a blog post list template

JT Pals avatar
Written by JT Pals
Updated over a week ago

A side-by-side post layout can be used for a Blog (Post List) template and as a Featured Posts (Posts View Lookup) canvas section within any blog template.

Setting Up a Side By Side Canvas

First, create a new canvas that will contain your horizontal side-by-side posts. Typically this is 2 or 3 posts next to each other. (It can automatically repeat vertically.)

Once you have a canvas created, apply the following canvas settings:

  • WordPress Template: In Post Loop

  • Activate Combine Views as Posts

  • (Optional) You can choose for this layout to not repeat for additional posts by selecting "Show this canvas once per page." Tip: If using this setting, you will need to follow it with another In Post Loop canvas in order for additional posts to show.

Design a Side by Side Post Layout

Keep in mind that text placeholders should use the Text Style > Overflow: (Single Line, Single Line with Ellipses, or Crop) settings to avoid overlapping of text because expanding objects won't move around each other within the same canvas.

  • Stack your posts vertically on mobile in the same order that the posts appear left to right on the desktop layout.

  • Check text overflow settings on both mobile and desktop layouts.

  • Use the alignment tools that appear on the right sidebar when multiple objects are selected.

Finally, separate the posts into separate Canvas Views once you have everything aligned and formatted.

You've got it!

Things to Know

  • By default, this layout will automatically repeat vertically based upon how many posts are set to show within the WordPress > Settings > Reading

Did this answer your question?