Style your Custom Homepage and rearrange content

Note: This article is no longer maintained. For updated information, please refer to the corresponding Admin App article. We recommend updating your links if you’ve linked to this article.

Use Showpad's style options to make your Homepage visually appealing and aligned with your organization's branding. Add background colors, images, and rich text options to improve the presentation of the Homepage

See how it works

You need this to succeed

• Available on Showpad Content and Platform
• A Showpad admin account
• Available for Showpad Coach, Content, and Platform users
• Showpad Content or Coach Plus or Ultimate Package
• A Homepage with a selected layout and content blocks

The quick way to awesomeness

1. Select a section by clicking the blue pencil icon
2. Select a background and font color or upload an image
3. Click the arrows to move the section
4. Rearrange content blocks by dragging and dropping them

Do this step by step

• Style the Homepage with backgrounds
• Rearrange sections and content blocks

Style the Page with backgrounds

While working on your Homepage, remember to click Save to retain your changes.

1. To style a section of your Homepage, click the blue pencil icon next to the section you want to edit.
2. To set a background color for the selected section, click the Background color bar. Select a color or enter a Hex number, then hit enter.
3. To update the Font color, click the color bar, 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 of your Page.

   Note: Section backgrounds and image blocks support PNG transparency.

   
5. When you're done editing the style of a section, click the X button in the top right.

Rearrange sections and content blocks

1. To rearrange sections containing multiple content blocks, click the blue pencil icon next to a section.
2. Choose to move the section with all its contents up or down by clicking the arrow icons at the bottom of the Edit Section window.
3. To rearrange a specific content block, drag and drop it onto the plus sign that appears when hovering over any edge of another content block. Or drag and drop a content block between sections to add a new section.

In the next article, learn how to assign users and publish your Homepage.