Modern Campus CMS Training

Info For Template

By Default, the following sections are available for editing on the page:

Some sections come with default snippets/components that you have the option of editing or removing. Please refer to the Snippets or Components section of our Helpful Features and Tools page for instructions on how to remove (or add) new elements to the page. 


Main Content

Select the green 'Main Content' button to begin editing this section of the page. 

edit main content

By default, this section comes with four different snippets:

  • Header - Left or Right Image
  • Links Bar with Icons
  • Two/Three Column Cards
  • Accordion

Header - Left or Right Image Snippet

You'll need to go column by column (or row by row in some cases) to update this snippet.

Image Left or Right Snippet Form

Main Content

Select Image Position: This field is multiple choice. You have the option of having a banner with a grey background or a white background. 

Image (Recommended Image Size: 800 x 650): The image to be used for the background.  An image that is either not patterned or solid will not display well due to the text overlay.  

Brand-bar Text (Displays only when left image option is selected): The text for the Call to Action Banner

Section Title: The button(s) for the Call to Action Banner

Content: The content for the Snippet


Below, you'll see what the snippet should look like once you're done editing it.

Left or Right Image Snippet Example


Links Bar with Icons Snippet

You'll need to go column by column (or row by row in some cases) to update this snippet.

Links Bar with Icon Snippet Form

 

Icon: This field is multiple choice. You will be able to select from a pre-approved list of icons for this snippet. 

Title and Link: The title and link that will display below the icon in this snippet.

To add another icon, simply add another row to the end of this snippet. To remove an icon, delete a row from this snippet.


Below, you'll see what the snippet should look like once you're done editing it.

Links Bar with Icon Snippet Example


Two/Three Column Cards Snippet

You'll need to go column by column (or row by row in some cases) to update this snippet.

Two or Three Column Snippet Form

 

Image (Recommended Image Size: 1200 x 700 px): The image to be used for the cards snippet

Card Heading: The primary heading for the card.  

Card Content: The content for the card.

To add another column to this snippet, simply add a new row at the bottom of this snippet. Removing a row will remove a column. 


Below, you'll see what the snippet should look like once you're done editing it.

Two or Three Column Snippet Example


Accordion Snippet

You'll need to go column by column (or row by row in some cases) to update this snippet.

Accordion Snippet Form

 

Section Intro: This field is multiple choice. You have the option of having a banner with a grey background or a white background. 

Section Intro Placement: This option is multiple choice, you have the option of moving it to the left or to the top of the accordion menus.

Heading: The title of the Accordion tab. Leaving this section blank will not hide the tab, it will simply display as a blank space

Content: The content for the Accordion tab

To add another accordion tab to this snippet, simply add a new row at the bottom of this snippet. Removing a row will remove a tab. 

Below is an example of what your snippet could look like once you're done editing it. 

Accordion Snippet Example


Full-Width Content

By default, this section will be left blank. To begin editing this section, select the green 'Full-Width Content' button

edit full-width content button


Additional Full-Width Content

By default, this section will be left blank. To begin editing this section, select the green 'Additional Full-Width Content' button

edit Additional Full Width Content button

When you are done editing this page or any of its sections, select the blue 'Save' button in the upper-right corner of the WYSIWYG editor.

If you are done applying changes, select the green 'Publish' button. 

Lets take a look at the page parameters next:

Page Parameters >