Style your Page and rearrange content blocks

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.

With Showpad's Pages feature, you can craft captivating landing pages, organizing content by specific topics or personas. This allows sales reps to deliver a more impactful buyer experience through engaging and contextually appropriate Pages.

This article explains how you can style your Page by moving the content blocks around and applying custom backgrounds.

See how it works

You need this to succeed

• Showpad Plus or Ultimate package
• A Showpad admin account
• A Page 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 Page with backgrounds
• Rearrange sections and content blocks

Style the Page with backgrounds

While working on your Page, remember to click Save so your changes aren't lost.

1. To style a Section of your Page, click the blue pencil icon next to the block 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 edit and remove existing Pages.