Help CenterEditor and TemplatesDesign your templateHow to split the background of a block and customize it?

How to split the background of a block and customize it?

Last updated October 4, 2024

You can now easily split the block background into different ratios and add custom colors to both sections or images to one of the sections to enhance your email design.

Follow the steps below to get started:

Access the Background Split Feature

  • Create a new template in the editor.
  • Navigate to the Background on the left panel.
Screenshot 2024-10-04 at 10.06.29 AM

Choose a Split Ratio

  • Under the "Background" section, you’ll find options to split your background.
  • Select one of the following ratios that will split the background either horizontally or vertically :
  • 20:80 (Left: 20%, Right: 80%)
  • 50:50 (Equal halves)
  • 80:20 (Left: 80%, Right: 20%)
  • No Split (Single background)
chrome-capture-2024-10-4
  • Select the "Fill type" of the background:
  • Color on both sections
  • Image and Color respectively
  • Color and Image respectively
chrome-capture-2024-10-4 (2)

Customize colors and images for each section

  • Once you select a split ratio and fill type, you can choose the colors or upload the images for each section.

Preview and Adjust

  • You’ll see a live preview of your changes as you modify the background split and colors.
  • Adjust the colors or ratio until you're satisfied with the design.
chrome-capture-2024-10-4 (3)

Was this article helpful?