Style and rearrange your Page/Custom Homepage

Design captivating landing pages that align with your organization's branding. Both Pages and Custom Homepages are structured using content blocks and sections. A section is a group of content blocks where you can apply specific design elements.

This article explains how to enhance your Page or Custom Homepage by adding background colors or images and customizing the sections’ background and font colors. You can also rearrange content blocks and sections.

See how it looks

Key features

• Craft captivating landing pages aligned with your organization's branding

You need this to succeed

The quick way

1. Navigate to Libraries and go to All Pages in the side panel
2. Click on an existing Page and click Edit Page, or create a new one
3. Clicking the blue pencil icon to open a section's edit panel
4. Select a background and font color or upload an image
5. Click the up or down arrows to move the section
6. Rearrange content blocks by dragging and dropping them into place
7. Click Save

Do this step by step

• Style section with backgrounds and colors
• Arrange sections and content blocks

Style section with backgrounds and colors

1. To style a section of your canvas, click the blue pencil icon next to the section you want to edit.
2. Click the Background color bar to set a background color for the selected section. You can pick a color or enter a Hex number, then press the Enter key.
3. Click the Font color bar to update the font color. Select a color, or enter your desired hex number. Click enter to change the font color of all the elements in the selected section.
   

   Note: The font color of all the content blocks in the section will change, except if you pre-selected a font color for a specific block. The text color of the button element can be changed in the button block.

4. If you'd like to add a background image, drag and drop the image or click Browse to select it from your device. The image will fill the selected section.
   

   Note: PNG images with transparency are supported.

5. When you're done editing the style of a section, click X at the top right corner.
6. Click Save to keep your changes.

Arrange sections and content blocks

1. To rearrange sections containing multiple content blocks, click the blue pencil icon next to a section.
2. You can move the section with all its contents up or down by clicking the up or down arrow icons at the bottom of the editor.
3. To rearrange a specific content block, you can:
   
   • Drag and drop it onto the + icon that appears when hovering over any edge of another content block. The two content blocks are now part of the same section.
   • Drag and drop it between sections on a blue Add a section box to add a new section.
4. You can resize the Gallery, Spacer and Video blocks by dragging the resize icon up or down at the bottom of the block.
5. Click Save.