Campaign Landing Page Template

To create a visually-appealing landing page that does not fall into a particular department section or navigation, create a new page using the page template degree_opportunities_dept. 

This is designed to be a visual campaign landing page that should rely on more images than text. 

  • To use template, in CHSSWeb, in the left navigation, select Pages
  • In the center, under Pages and Sections [Department], home, select Add Page
    • This will allow you to add a page that does not fall into any particular section on your website
  • In the right column, from the Template Settings dropdown, select degree-opportunities_dept

Content Fields

Page Name
Give your page a name that will make an impact. This page name will serve as the headline on the page and the URL, unless you choose to enter a Permalink in the right column. 

Main Content

This is a rich text field that will display below the header (the Page Name provided above).

Associate Articles

You can associate articles to display on this page, below the Main Content.

To select articles to display, search for an article by name in the search box. Once you see the article below, select the + and the article number will be added to the page. 

This is an example of how selected articles will appear on the page.

There is no limit to the number of article but for the best display, only select three articles.

Associate Events

You can associate events to display on this page.

To select events to display, search for an event by name in the search box. Once you see the event below, select the + and the event number will be added to the page.

This is an example of how selected events will appear on the page.

Additional Text

This is a rich text field that will display below the associated events.

Page Image

To get the centered, full page banner image at the top of the page, once you upload your image, (Attach an image —> Choose File). For Image Location, select Top

Here is an example of a visually-appealing, high impact header image.

Additional code you might want to use within the rich text fields:

You can insert the following code into the Main Content rich text field to display a large yellow button, centered on the page.

<div class="promo-btn-top" style="width: 100%;"><a class="wyswig-btn-yellow" title="CHSS" href="https://chss.gmu.edu">College of Humanities and Social Sciences</a></div>

Replace the title, URL, and display text with your own.

This is an example of a large centered button you may include in the main content.


You may insert the  the following code into the Additional Text field to display three green buttons in a row.

<ul class="promo-grad-btns" style="margin-left: 0;">
<li style="text-align: left;"><strong><a class="grad-promo-button" title="CHSS" href="https://chss.gmu.edu">College of Humanities and Social Sciences</a></strong></li>
<li style="text-align: left;"><strong><a class="grad-promo-button" title="CHSS" href="https://chss.gmu.edu"> College of Humanities and Social Sciences</a></strong></li>
<li style="text-align: left;"><strong><a class="grad-promo-button" title="CHSS" href="https://chss.gmu.edu"> College of Humanities and Social Sciences</a></strong></li>
</ul>

Replace all three titles, URLs, and display text with your own.

This is an example of three buttons you may include in the additional text field.