Style and rearrange your Page/Custom Homepage Updated February 05, 2025 08:06 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 Plan: eOS Expert, eOS Advanced, eOS Professional Previous plan: Showpad Content Plus or higher Previous plan: Showpad Coach Plus or higher Permissions: Administrator, Promoted Member with Content permission Prerequisites: A Page or Custom Homepage with a selected layout and content blocks The quick way Navigate to Libraries and go to All Pages in the side panel Click on an existing Page and click Edit Page, or create a new one Clicking the blue pencil icon to open a section's edit panel Select a background and font color or upload an image Click the up or down arrows to move the section Rearrange content blocks by dragging and dropping them into place Click Save Do this step by step Style section with backgrounds and colors Arrange sections and content blocks Style section with backgrounds and colors To style a section of your canvas, click the blue pencil icon next to the section you want to edit. 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. 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. 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. When you're done editing the style of a section, click X at the top right corner. Click Save to keep your changes. Arrange sections and content blocks To rearrange sections containing multiple content blocks, click the blue pencil icon next to a section. 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. 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. You can resize the Gallery, Spacer and Video blocks by dragging the resize icon up or down at the bottom of the block. Click Save. Related articles Create Page Templates or duplicate a Page Organize content with Pages Style your Custom Homepage and rearrange content Style your Page and rearrange content blocks Customize Homepages for users