PDF Version |

Description
Content page with two columns of content and a hero image above.

UCCS Two Column Hero 2017 Page Features

  • Create a webpage with columns and pictures
  • Create a webpage with pictures to the right and text columms to the left
  • Create a webpage with picture the left and text columns to the right 

 Sample Page (click to view sample page)



Step 1: Create the Two Column Hero Page
Hover over Content and add content at the top-left of the screen. Click on UCCS Two Column Hero 2017

 

Step 2:  Enter content into form fields

Title:
 Enter a title for the document (*mandatory field)

 

Body

Hero Image

 

One file only,  512 KB limit.

Allowed types: png,  gif,  jpg,  jpeg

 

Add Alternative Text: This text will be used by screen readers, search engines, or when the image cannot be loaded.

 Position inside of Image Container vertically

Position inside of Image Container horizontally

Left Column

 

Choose Image: One file only.  2 MB limit.  Allowed types: png, gif, jpg, jpeg


 This text will be used by screen readers, search engines, or when the image cannot be loaded.


Column Main Content (goes to the right of the left column)

 

Content Feed

Title: add title

 

Body Copy: Add Content, Content box(s) below the left column hero

 

Footer Link: Add to bottom of Content Feed

Link text: Add

Remove Content Feed

Add another content feed

Bottom Image: Add below content feed(s)

 

Add alternative text:  This text will be used by screen readers, search engines, or when the image cannot be loaded.


** Right Column (to have the image appear on the right column  the steps for the left column are the same)

Step 3: Preview and Save or Delete


Preview

 

Save and Publish

Delete Page

 

 

 

  • No labels