Page Designer – How To Guide

This How To guide will assist you in using Page Designer functionality to create exciting new types of content with Plexie.

We will be working towards creating a well styled page like this one:

New Designs

For more details about everything included in this release see the Page Designer Release Notes.

We will cover the following topics:

  1. Adding background colors to your Plexies
  2. Adding background images to your Plexies
  3. Changing the style of ‘cards’ to create new and varied forms of content

Adding Background Colors

Adding a Section Color Background

Step 1: Click on the Section Properties Button

Section Property Button

Step 2: Turn the ‘Section fill: color’ toggle to on

Section Properties

Step 3: Select a color from a Color Picker

Color Picker

Opacity

Step 4: Choose an opacity if desired

And Viola! You have now added a background color to your page section.

Adding Background Images

Adding Section Background Image

Step 1: Click on the Section Properties Button

Section Properties Button

Step 2: Turn the ‘Section fill: media’ toggle to on

Step 3: Use the Upload dialog to insert an image

Insert Image as Background

Step 4: Choose to either fill the ‘Whole Section’ or just the ‘Work area’

Section Media Fill

And there you are! A new background image for your page.

Changing Card Styles

Taking off from the last topic we now want to change the style of a card so that it looks better on top of the new background image that we just added.

As you can see here the card style, shadow, and background color are not always suited to being placed on top of an image as shown here:

Change Card Display Style

Lets fix it!

Changing Card Styles

Step 1: Click on the Section Properties Button

Section Properties Button

Step 2: Click on ‘Clear’ under Default Card Properties and Click Close

Default Card Properties

Step 3: Select the text and use the Style Toolbar to set the text to white

Set Text Color to White

All done!

No Comments

Add your comment