Skip to main content
Saved Jobs 0
Stay Connected

CMS GUIDE

Table of Contents

Style Management

The following labels refer to styling options/classes in the "STYLE" dropdown menu located in the toolbar in every Custom HTML Module's content editor:

  • Heading Text:

    Headline 1

    Headline 2

    Headline 3

    Headline 4

    Headline 5

    Headline 6

  • Body Text:

    Paragraph 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Paragraph 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Links:

  • Buttons:

  • Spacing:

    ↓ Margin Bottom 10px

    Lorem ipsum dolor sit amet.

    ↓ Margin Bottom 20px

    Lorem ipsum dolor sit amet.

    ↓ Margin Bottom 30px

    Lorem ipsum dolor sit amet.

Page Templates

What page templates are available to create new pages with?

The following page templates are available in the "CMS Primary Theme" theme:

In which theme should I create my page? / Which theme should my page be assigned to?

To use one of the page templates, you must create your page inside the theme where the desired page template resides. You may later assign the page to another theme if needed.

See General Advice & FAQs for more details.

What if I don't need all the sections used in a template?

Before using a CMS page template to create a page, determine if you’re going to need all the sections used in that template. Then, after using the template to create a new page, remove the sections from the page which aren’t needed BEFORE SAVING THE NEW PAGE. This prevents those sections from ever being created and we avoid cluttering the system with unused sections and modules.

Can I create a CMS page without using one of the CMS Page Templates?

See General Advice & FAQs.

Custom HTML Modules: Content Editor (WYSIWYG) FAQs

How do I replace placeholder ("lorem ipsum") or unwanted text content?

The content editor can be finicky. To replace placeholder or unwanted text, we recommend that you first click the “BLOCKS” button in the toolbar to reveal outlines surrounding block-level elements. Then, select the text you wish to replace and type in your desired text. Or, you can place your cursor at the end of the text you want to replace, add your desired text, and then select and delete the placeholder text preceding it. We do NOT recommend selecting all placeholder text in the editor and deleting it before you add your desired content. As a result you may accidentally erase necessary markup that the content depends on. It is always best to edit text elements one at a time rather than deleting everything you don’t want from the start.

Can I copy/paste from other sources?

Be very careful when copy/pasting text content from other sources into a Custom HTML module's content editor. When copying from an external document, take steps to ensure the text you are copying is plain text (as opposed to rich text.) When copying from a web page, make sure you are ONLY including text and not actual HTML tags (<p>, <br>, etc.) as this could result in unintended styling/format inconsistencies.

How do I change the appearance of text content (color, font size, etc)?

The "STYLE" dropdown in the toolbar can be used to edit the styling/appearance of content. Keep in mind that when you add a style from the dropdown, it does not overwrite other styles previously applied to the element. This allows greater flexibility in cases where you may need more than one style applied, but you will need to remember to uncheck undesired styles after applying them.

Please refer to Style Management for examples of classes/styles you may apply.

Keep in mind that changing the appearance or styles of text should be done SPARINGLY - for the sake of consistency across pages, it is best to stick with the module's default styling whenever possible.

How do I add/edit a link?

The "insert/edit link" button in the toolbar is used to create and modify links:

To create a new link, type your desired link text within the content editor, select it, and then click the "insert/edit link" button. This may be tricky if you're creating a new link next to an already-existing link. To do this, place your cursor at the end of the existing link's text and then press the right arrow key, so your cursor is outside the existing link. Then, type the new link's text, select it and click the "insert/edit link" button.

To modify an existing link, click into the middle of the link text within the content editor, then click the "insert/edit link" button.

Note: Using proper link text is very important. For more details, see "Does it matter what I use for [clickable] link text?" in General Advice & FAQs.

How do I add/edit an image?

The "asset picker" button in the toolbar allows you to add images into the content editor. To modify an existing asset, click the asset and then click the "asset picker" button. Not all custom HTML modules were made with the intent to have an image placed in them. (Tip: If your default placeholder content did not contain an image, you should probably avoid adding one with this tool.)

Note: If you're including an image in a Custom HTML module, remember to consider the image alt text (which is editable through the "asset picker" button), and include a value when necessary. For more details, see "Do I need to update/include alt text for every image?" in General Advice & FAQs.

How do I add a code snippet?

The "insert code snippet" button in the toolbar adds pre-made snippets of code into the content editor. Note that code snippets are often (but not always) used as a way to revert either the entire content of a Custom HTML Module to its default state, or to revert a part of its content to its original state. In many cases you will not need to use code snippets unless you're attempting to "fix" a module (i.e. bring back original content which was since removed.)

Additionally, code snippets are used as a way to add specific html into your content editor that is either difficult or impossible to achieve without editing the actual source code.

IMPORTANT: Be very careful to only use code snippets that are intended for use in the specific module you’re editing. In most cases the name of the code snippet should partially or exactly match the name of the module you’re editing. A list of all code snippets that are intended for use within a module will appear in that module's parent section's documentation in the Section Guide. Do not use a code snippet when the section name in the title of the code snippet does not match the section you are currently editing. For example, if you're editing a section created from a section template labeled as "Section 1" you should only be using code snippets whose titles include "Section 1."

I've messed up my edits and would like to revert to the original "lorem ipsum" placeholder content. Is there a way to do that?

Check to see if the module you're editing has a default code snippet available. The name of the snippet should match the name of your module (minus the given section name prefix.) If so, you may delete the entire content and then insert the appropriate code snippet. Some modules don't have default code snippets available, but they may have other snippets which could replace specific portions of your content.

Does it matter which levels of headings (H1, H2, etc) I use in my content?

Yes. For SEO and accessibility purposes, it is important that your page’s heading structure is hierarchical. This means that your page’s top heading needs to be an h1 heading.

You should also be careful to avoid skipping heading levels (i.e. using an h3 heading before an h2 has been used, etc.) If you need to change the appearance of a heading without changing the level, apply one of the heading classes from the content editor's "STYLE" dropdown (see Style Management for a list of these heading style classes.)

General Advice & FAQs

How can I ensure that my content will be accessible to all users?

Be sure to follow all recommendations and instructions given in this guide, particularly the recommendations involving link text, image alt text, and heading levels. To learn more about accessibility, please see Accessibility for Radancy CMS Publishers.

Can I change the layout assignment of a page/section/module?

You should never change a layout assignment unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.

Can I add a module to a section?

You should never add a module to a section unless specifically instructed to do so in the relevant section's documentation found in the Section Guide. This will almost always lead to unintended results.

When I'm adding a section from the "Add New" section menu to a page, what should I name my new section?

To avoid future confusion, especially for other CMS users who may need to edit/update the content you're creating, naming conventions should be consistent throughout the site. When creating a section that you anticipate will only be used on the page you're adding it to, we recommend the following naming convention: [Page Name OR Abbreviated Page Name] - [Section Template Name] [Number (only include if you anticipate other sections of the same template will be added to the same page.)] For example, "Benefits - Full Width Copy" or "DEI - Full Width Copy 1." If you anticipate that the section you're creating may be used on other pages as well, we suggest giving it a name that summarizes its purpose/intent rather than its content or context (which may change or be updated later.) For example, "Human Resources Job List" or "Annual Job Fair CTA."

Note: While you CAN change a section's name after creating it, you will NOT be able to change the names of the modules included in the section (which will, by default, include the ORIGINAL section name.) So we recommend that you carefully choose a good name for each section you create.

Can I create a CMS page without using one of the CMS Page Templates?

Yes, but this is not recommended as creating a page without using a CMS Page Template will require you to select a page layout. To avoid selecting the incorrect layout, we recommend using one of the available CMS Page Templates, in all cases.

If you are looking to create a "blank" page, see the next question.

How do I create a "blank" page?

To create a blank page, click the "Add Page" button in the "CMS Primary Theme" theme and select the [TEMPLATE NAME] page template.

Which theme should my page be assigned to?

All CMS pages should be assigned to the "CMS Primary Theme" theme.

DO NOT assign any CMS pages to the "Default Theme (GST)" theme. This theme is enabled for CMS due to system requirements, but it is NOT intended to be used as a theme for CMS Pages.

Do I need to update/include alt text for every image?

Every time you add or replace an image file, you should consider whether to include alt text for the image. In some cases, such as when the image is considered descriptive and not essential to the page content, alt text may be left blank. For more details, please see this alt text decision tree. Not only are these considerations essential in making the site accessible to non-visual users, it will also improve SEO.

Does it matter what I use for [clickable] link text?

It matters a lot. To make links accessible to all users, use link text that would make sense to users if taken out of the surrounding context. For example, "learn more about our benefits" is acceptable, whereas "click here" or "learn more" are not. This is important in all situations but be particularly careful when adding/editing links inside Custom HTML modules, as you'll have full control over what text is included in a link.

How do I update/add a hero banner to my page?

Upload your page's banner images via the "Mobile Banner" and "Desktop Banner" fields found in your page's "Banner" settings. You may also include banner text via the "Headline" and "Short Description" fields (optional.) When these fields are not left blank/empty, they will be leveraged to produce a hero banner section for your page.

Note that the page banner will show when only one of the "Mobile Banner" and "Desktop Banner" image fields are configured, but this should be avoided. Always include both images when setting up a banner.

Note that the recommended MOBILE banner image size is 768x250 (384:175 Aspect Ratio), while the recommended DESKTOP image size is 1920x334 (960:167 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

CMS User Notes

How can I add to or update the notes to this section?

Find this section - "CMS Guide - CMS User Notes - (Section 10a)" - in your section list and edit its "Section 10 - CMS Guide - CMS User Notes" Custom HTML Module to add as many notes as you'd like right here. Be careful to not delete this instructional text, so that it may be referenced later on.

Add your notes below:

Section Guide

Important! Before using a section from this guide, please read the corresponding documentation for that section. Documentation is found above each section in this guide.

Note that section titles are color coded based on which menu they can be found in after clicking the "add section" button on any page:

Red - find this section in the "Use Existing" Menu.
Green - find this section in the "Add New" Menu.

Keep in mind that when you edit a section from the "Use Existing" Menu, you are editing every instance of that section. Sections added via the "Add New" Menu are safe to be edited freely, as a new instance of the section is created every time it's added to a page.

Tablist - (Section 5a)

Suggested Use: A group of job list modules ("Featured Jobs," "Recently Viewed Jobs," and "Saved Jobs") presented in tabular format.

Notes: The "Featured Jobs" job list module is configured to show the most recent jobs by default. It can also be configured to show related jobs based on job data present on the page where it is placed and/or in the job seeker's personalization cookie.

Developer Notes: This section utilizes the "tablist" design pattern.

Available Code Snippets: N/A

Recently Viewed Jobs

You have not viewed any jobs yet.

You have not saved any jobs yet.

Copy - (Section 10a)

Suggested Use: General copy, page introductory copy, articles, longer copy, etc.

Notes: The "Section 10 - Copy" module includes an H1 heading by default. If a section created from this template is NOT intended to be the first section on a page, select the H1 heading and convert it to an H2 heading. See the question "Does it matter which levels of headings (H1, H2, etc) I use in my content?" in Custom HTML Modules: Content Editor (WYSIWYG) FAQs for more details.

Available Code Snippets:

  • v1 - Section 10 - Copy: Use as a "reset" for any "Section 10 - Copy" module.

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 

Copy - (Section 10c)

Suggested Use: See Section 10a.

Notes: See Section 10a. This variant is identical, except that its Custom HTML Module ("Section 10 - Copy v3") includes a "button" link by default.

Available Code Snippets:

  • v1 - Section 10 - Copy v3: Use as a "reset" for any "Section 10 - Copy v3" module.

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem Ipsum

Copy - (Section 11a)

Suggested Use: General copy, shorter copy, etc.

Notes: N/A

Available Code Snippets:

  • v1 - Section 11 - Copy: Use as a "reset" for any "Section 11 - Copy" module.

Lorem Ipsum Dolor

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

Lorem Ipsum

Media and Copy - (Section 12a)

Suggested Use: Shorter copy facing a supporting image or video.

Notes: The recommended image size for the "Section 12 - Media" module is 590x590 (1:1 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

On mobile screens, the image/video will always appear above the copy.

To modify the visual order of the image/video and the copy on larger screens, simply click and drag each of the 2 modules into the opposite column of the section. Keep in mind this will not affect the section's preview image, which will reflect the original layout.

Available Code Snippets:

  • v1 - Section 12 - Copy: Use as a "reset" for any "Section 12 - Content" Module.

Lorem Ipsum Dolor

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices. Pellentesque ut volutpat nunc. Duis suscipit orci finibus libero bibendum, eget ornare mauris posuere. Curabitur sed lorem eu tortor convallis eleifend a eu ipsum. Morbi tempor, libero ac fringilla dignissim.

Lorem Ipsum

PLACEHOLDER - Alternative Text

Media and Copy - (Section 12b)

Suggested Use: See Section 12a.

Notes: See Section 12a. This variant is identical, except for the visual order of the image/video and copy on larger screens.

Available Code Snippets: See Section 12a.

PLACEHOLDER - Alternative Text

Lorem Ipsum Dolor

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices. Pellentesque ut volutpat nunc. Duis suscipit orci finibus libero bibendum, eget ornare mauris posuere. Curabitur sed lorem eu tortor convallis eleifend a eu ipsum. Morbi tempor, libero ac fringilla dignissim.

Lorem Ipsum

Multi Item - (Section 13a)

Suggested Use: Up to 3 "small image/icon + short copy" items, with introductory copy above (optional.)

Notes: The recommended image size for a "Section 13 - Image [number]" module is 150x150 (1:1 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

To reduce the number of "image + copy" items, remove the undesired pair(s) of "Section 13 - Image [number]" and "Section 13 - Copy [number]" modules from your section. Do not attempt to add additional "image + copy" items, this section is not configured to handle this.

If an introductory heading and/or copy is not desired, remove the "Section 13 - Top Copy" module from your section.

Available Code Snippets:

  • v1 - Section 13 - Top Copy: Use as a "reset" for any "Section 13 - Top Copy" module.
  • v1 - Section 13 - Copy: Use as a "reset" for any "Section 13 - Copy [number]" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco

Lorem Ipsum

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco

Lorem Ipsum

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco

Lorem Ipsum

Testimonial - (Section 14a)

Suggested Use: Employee "headshot" photo and testimonial, with a CTA link (optional.)

Notes: The recommended image size for a "Section 14 - Image" module is 240x240 (1:1 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

Image assets used in "Section 14 - Image" modules should NOT be formatted as a circle on top of a transparent background. The section styling will handle this aspect of the design.

If a CTA link is not desired, remove the "Section 14 - CTA" module from your section.

On mobile screens, the image always appears above the quote.

On larger screens, the image appears in the same row as the quote, with the image in the left-hand column and the quote in the right-hand column. The top of the quote is aligned with the top of the image so that the design remains consistent even in the case of longer quotes.

Available Code Snippets:

  • v1 - Section 14 - Quote: Use as a "reset" for any "Section 14 - Quote" module.
  • v1 - Section 14 - Caption: Use as a "reset" for any "Section 14 - Caption" module.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

First and Last Name

Title and Department

Lorem Ipsum

Testimonial - (Section 14b)

Suggested Use: See Section 14a.

Notes: See Section 14a. This variant is identical, except that on larger screens, the image will appear in the right-hand column, while the quote will appear in the left-hand column.

Available Code Snippets: See Section 14a.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrices.

First and Last Name

Title and Department

Lorem Ipsum

Testimonial - (Section 15a)

Suggested Use: Employee testimonial, with a CTA link (optional.)

Notes: If the CTA link is not desired, remove it from the "Section 15 - Content" module's content editor.

Available Code Snippets:

  • v1 - Section 15 - Content: Use to "reset" any "Section 15 - Content" module.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus. Praesent ac nulla iaculis, ornare magna quis, posuere ex. Quisque pulvinar feugiat sem in ultrice

First and Last Name

Title and Department

Lorem Ipsum

Multi Item - (Section 16a)

Suggested Use: A group of "media" items (default media type: image) with brief introductory copy above (optional.) The "media" items may be images, images with captions/decriptions, and/or videos.

Notes: The recommended image size for a "Section 16 - Media [number]" module is 387x347 (387:347 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

When a "Section 16 - Media [number]" module is set to any of the "video" media types, its "placeholder" image functions as a button, with a play icon overlayed on top. Upon clicking the image/button, the video opens in a lightbox/modal window.

The image caption/description will only be included in a "media" item if the corresponding "Section 16 - Media [number]" module is set to a media type of "Image Only." Note that it is not possible to customize the styling of the caption/description, or include any links, headings, line breaks, etc. If a caption/description is not desired, leave the "Section 16 - Media [number]" module's description field empty.

If an introductory heading and/or copy is not desired, remove the "Section 16 - Copy" module from your section.

To reduce the number of "media" items, remove the undesired "Section 16 - Media [number]" module(s) from your section.

To add additional "media" items, click the "copy" icon button on the last "Section 16 - Media [number]" module in your section. Give the new module the same name as the one you copied, incremementing the number at the end of the module name by 1 (for example, if the module you copied has a name ending in "6", the new module's name should end with "7".)

On larger screens, the "media" items appear in a 3-column grid layout. If the final row includes less than 3 items, the items are centered in that row.

Available Code Snippets:

  • v1 - Section 16 - Copy: Use to "reset" any "Section 16 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae.

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget.
Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget.
Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget.
Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget.
Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget.
Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget.

Multi Item - (Section 16b)

Suggested Use: See Section 16a.

Notes: See Section 16a. This variant is identical except that in its default state, captions/descriptions are not included in the "media" items.

Available Code Snippets: See Section 16a.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae.

Multi Item - (Section 17a)

Suggested Use: A group of smaller "media" items (images, images with captions/descriptions, and/or videos) with brief introductory copy above (optional.)

Notes: The recommended image size for a "Section 17 - Media [number]" module is 200x200 (1:1 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

When a "Section 17 - Media [number]" module is set to any of the "video" media types, its "placeholder" image functions as a button, with a play icon overlayed on top. Upon clicking the image/button, the video opens in a lightbox/modal window.

The image caption/description will only be included in a "media" item if the corresponding "Section 17 - Media [number]" module is set to a media type of "Image Only." Note that it is not possible to customize the styling of the caption/description, or include any links, headings, line breaks, etc.

If an introductory heading and/or copy is not desired, remove the "Section 17 - Copy" module from your section.

To reduce the number of "media" items, remove the undesired "Section 17 - Media [number]" module(s) from your section.

To add additional "media" items, click the "copy" icon button on the last "Section 17 - Media [number]" module in your section. Give the new module the same name as the one you copied, incremementing the number at the end of the module name by 1 (for example, if the module you copied has a name ending in "4", the new module's name should end with "5".)

On larger screens, the "media" items appear in a 4-column grid layout. If the final row includes less than 4 items, the items are centered in that row.

Available Code Snippets:

  • v1 - Section 17 - Copy: Use to "reset" any "Section 17 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Ut enim ad minim veniam, quis nostrud exercitation ullamco

Multi Item - (Section 18a)

Suggested Use: A group of 3 "key statistics", each represented by a label and a brief description.

Notes: This section is intended to include 3 "key statistic" items - no more, no less. Do not attempt to remove a "key statistic" item, or add a new one.

While it is technically possible to customize the styling of any "Section 18 - Stat Label [number]" or "Section 18 - Stat Description [number]" module's content, or add additional elements such as headings, links, etc., this is NOT recommended as it will likely disrupt the appearance/flow of your section. When editing any of these modules, users should simply replace the placeholder/default text and nothing else.

Available Code Snippets:

  • v1 - Section 18 - Stat Label: Use to "reset" any "Section 18 - Stat Label [number]" module.
  • v1 - Section 18 - Stat Description: Use to "reset" any "Section 18 - Stat Description [number]" module.

1

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

12

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

123

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Multi Item - (Section 19a)

Suggested Use: A set of frequently asked questions (FAQs) with introductory copy above.

Notes: To add additional "FAQ" items, click the "copy" icon button on the last "Section 19 - FAQ Item [number]" module in your section. Give the new module the same name as the one you copied, incremementing the number at the end of the module name by 1 (for example, if the module you copied has a name ending in "4", the new module's name should end with "5".)

Available Code Snippets:

  • v1 - Section 19 - Copy: Use to "reset" any "Section 19 - Copy" module.
  • v1 - Section 19 - FAQ Item: Use to "reset" any "Section 19 - FAQ Item [number]" module.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Lorem ipsum dolor sit amet, adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Lorem ipsum dolor sit amet, adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Lorem ipsum dolor sit amet, adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Multi Item - (Section 20a)

Suggested Use: A set of "button" links, with introductory copy above (optional.)

Notes: If an introductory heading and/or copy is not desired, remove the "Section 20 - Copy" module from your section.

To reduce the number of links, remove the undesired "Section 20 - Link [number]" module(s) from your section.

To add additional links, click the "copy" icon button on the last "Section 20 - Link [number]" module in your section. Give the new module the same name as the one you copied, incremementing the number at the end of the module name by 1 (for example, if the module you copied has a name ending in "10", the new module's name should end with "11".)

On larger screens, the links appear in a 5-column grid layout. This layout remains intact even when links are added or removed.

Available Code Snippets:

  • v1 - Section 20 - Copy: Use to "reset" any "Section 20 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum

Job List - (Section 21a)

Suggested Use: A list of job links, with each link featuring data such as job title, job category, date posted, etc.

Notes: The "Section 21 - Job List" module is fully customizable and can be configured to:

  • show jobs dynamically, based on page level job data mappings and/or job seeker's personalization cookie,
  • show jobs manually, based on specific job req IDs,
  • OR show jobs based on job data filters (job category, job location, and/or job facet.)

Available Code Snippets: N/A

Lorem Ipsum

Job List - (Section 22a)

Suggested Use: Short copy supported by a list of job links, with each link featuring data such as job title, job category, date posted, etc.

Notes: The "Section 22 - Job List" module is fully customizable and can be configured to:

  • show jobs dynamically, based on page level job data mappings and/or job seeker's personalization cookie,
  • show jobs manually, based on specific job req IDs,
  • OR show jobs based on job data filters (job category, job location, and/or job facet.)

Available Code Snippets:

  • v1 - Section 22 - Copy: Use to "reset" a "Section 22 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat.

View all Jobs

Multi Item - (Section 23a)

Suggested Use: A group of links in "card" format (image, title, and description), with introductory copy above (optional.)

Notes: The recommended image size for a "Section 23 - Link [number]" module is 245x145 (49:29 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

Each "card" item functions as a link. It is not possible to have "card" items that do NOT function as links.

It is not possible to customize the styling of the text in each "card" item, or to include any additional links, headings, line breaks, etc.

If an introductory heading and/or copy is not desired, remove the "Section 23 - Copy" module from your section.

To reduce the number of "card" items, remove the undesired "Section 23 - Link [number]" module(s) from your section.

To add additional "card" items, click the "copy" icon button on the last "Section 23 - Link [number]" module in your section. Give the new module the same name as the one you copied, incremementing the number at the end of the module name by 1 (for example, if the module you copied has a name ending in "4", the new module's name should end with "5".)

On larger screens, the "card" items appear in a 4-column grid layout. If the final row includes less than 4 items, the items are centered in that row.

Available Code Snippets:

  • v1 - Section 23 - Copy: Use to "reset" any "Section 23 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Image - (Section 24a)

Suggested Use: A single, full-width "media" item. The "media" item may be an image, an image with caption/decription, or a video.

Notes: The recommended image size for the "Section 24 - Media" module is 1200x640 (15:8 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

When a "Section 24 - Media" module is set to any of the "video" media types, its "placeholder" image functions as a button, with a play icon overlayed on top. Upon clicking the image/button, the video opens in a lightbox/modal window.

The image caption/description will only be included if the "Section 24 - Media" module is set to a media type of "Image Only." Note that it is not possible to customize the styling of the caption/description, or include any links, headings, line breaks, etc. If a caption/description is not desired, leave the "Section 24 - Media" module's description field empty.

Available Code Snippets: N/A

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec.

Video - (Section 24b)

Suggested Use: See Section 24a.

Notes: See Section 24a. This variant is identical except that its media module's default media type is "Html5 Video."

Available Code Snippets: See Section 24a.

CTA - (Section 26a)

Suggested Use: A single, full-width link in "card" format (image, title, and description.)

Notes: The recommended image size for a "Section 26 - Link" module is 1200x640 (15:8 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

The "card" item functions as a link. It is not possible to have the "card" item NOT function as a link.

It is not possible to customize the styling of the text in the "card" item, or to include any additional links, headings, line breaks, etc.

Available Code Snippets: N/A

Lorem Ipsum

Excerpt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Related Content Static - (Section 27a)

Suggested Use: A set of 3 "related content" links in "card" format (image, title, and description) that are manually selected by user.

Notes: All content pages and offsite content pages are available to be selected as links.

The thumbnail images, titles, and descriptions represent page-level data and cannot be edited inside this section. To edit a content page or offsite content page's thumbnail image, title, or description, go to the relevant page's settings and update the fields there. Note that if a page does not have a thumbnail image configured in its settings, a "default" thumbnail image will be rendered instead. This "default" thumbail image cannot be updated in CMS Admin, so please contact your Customer Support Specialist (CSS) if a new "default" thumbnail image is needed.

Available Code Snippets: N/A

Lorem Ipsum

  • Page Title 1

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Page Title 2

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Page Title 3

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Related Content Dynamic - (Section 28a)

Suggested Use: A set of 3 "related content" links in "card" format (image, title, and description) that are dynamically selected from the "Related Content" CPM channel, based on job data present at the page level or in the job seeker's personalization cookie.

Notes: To have a content page or offsite content page be made available as a potential "related content" link, it must be tagged with the "Related Content" CPM channel in its page settings.

The thumbnail images, titles, and descriptions represent page-level data and cannot be edited inside this section. To edit a content page or offsite content page's thumbnail image, title, or description, go to the relevant page's settings and update the fields there. Note that if a page does not have a thumbnail image configured in its settings, a "default" thumbnail image will be rendered instead. This "default" thumbail image cannot be updated in CMS Admin, so please contact your Customer Support Specialist (CSS) if a new "default" thumbnail image is needed.

It is expected that in some cases, less than 3 pages tagged with the "Related Content" CPM channel will be identified as "related/matching" content, based on job data present at the page level or in the job seeker's personalization cookie. In these scenarios, rather than showing less than 3 "related content" page links, the "Section 28 - Content Feed" module will use pages from its default content list (typically these are pages that would be of interest to most job seekers) to fill any spots left empty due to a lack of "related/matching" content. As this module cannot be edited in CMS Admin, please contact your Customer Support Specialist (CSS) to have this default content list updated. The default content list should include at least 3 pages if the intent is to show 3 "related content" links in all scenarios.

Available Code Snippets: N/A

Related Content

  • Page Title 1

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Page Title 2

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Page Title 3

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Related Content Dynamic - (Section 28b)

Suggested Use: Introductory copy followed by a set of 3 "related content" links in "card" format (image, title, and description) that are dynamically selected from the "Related Content" CPM channel, based on job data present at the page level or in the job seeker's personalization cookie.

Notes: See Section 28a. This section is identical expect that it is a template, and includes introductory copy above the set of "related content" links.

Available Code Snippets:

  • Section 28 - Copy: Use to "reset" any "Section 28 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

  • Page Title 1

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Page Title 2

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Page Title 3

    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Location - (Section 29a)

Suggested Use: A Google Maps interface showcasing a list of one or more locations/addresses, with introductory copy above (optional.)

Notes: It is not possible to customize styling of the "map" or its components. Only the actual locations/addresses are customizable.

To remove the introductory heading and/or copy, leave the "Display Heading Label" and/or "Display Heading" fields in the "Section 29 - Map" module settings empty. Note that it is not possible to customize the styling of the introductory heading and/or copy, or to include any additional links, headings, line breaks, etc.

Available Code Snippets: N/A

Lorem Ipsum

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

Job List - (Section 30a)

Suggested Use: A list of job links, with each link featuring data such as job title, job category, date posted, etc.

Notes: The "Section 30 - Job List" module is fully customizable and can be configured to:

  • show jobs dynamically, based on page level job data mappings and/or job seeker's personalization cookie,
  • show jobs manually, based on specific job req IDs,
  • OR show jobs based on job data filters (job category, job location, and/or job facet.)

Available Code Snippets: N/A

Lorem Ipsum

View all Jobs

Social - (Section 31a)

Suggested Use: A group of social media icons linking to company social media pages.

Notes: N/A

Available Code Snippets: N/A

Social - (Section 32a)

Suggested Use: A group of social media icons that, when clicked, allow job seeker to share the page they are currently viewing on a social media platform or in an email.

Notes: To customize how a page appears when shared on a social media platform, update the "SEO & Social Sharing" fields found in the page's settings.

Available Code Snippets: N/A

Multi Item - (Section 34a)

Suggested Use: Introductory copy (optional) followed by a group of "job category" items in "card" format (image, job category search link, and total job count), followed by a "view all" link below (optional.)

Notes: The recommended image size for a "Section 34 - Job Category Item [number]" module is 768x595 (768:595 Aspect Ratio.) If an image asset does not match the recommended aspect ratio, it will appear as "cropped" to fit the expected dimensions. To avoid this, and to ensure optimal image quality and performance, make sure the image asset matches the recommended size before using it.

If the introductory heading and/or copy is not desired, remove the "Section 34 - Copy" module from your section.

If the "view all" link is not desired, remove the "Section 34 - Link" module from your section.

To reduce the number of "job category" items, remove the undesired "Section 34 - Job Category Item [number]" module(s) from your section.

To add additional "job category" items, click the "copy" icon button on the last "Section 34 - Job Category Item [number]" module in your section. Give the new module the same name as the one you copied, incremementing the number at the end of the module name by 1 (for example, if the module you copied has a name ending in "8", the new module's name should end with "9".)

To include a title and/or description in any "job category" item, use the "Display Heading" and "Short Description" fields in the relevant "Section 34 - Job Category Item [number]" module's settings. Due to design/layout considerations, this should be avoided if possible.

To remove the "total job count" text at the bottom of each "job category" item, contact your Customer Support Specialist (CSS.) It is not possible to remove this text in CMS Admin.

Ideally, each "Section 34 - Job Category Item [number]" module should feature 1 job category search link only. However, if it makes sense to group certain job categories together in a single "job category" card, the modules can be configured to feature multiple job category search links. Note that it is not possible to configure these modules to feature links to job searches filtered by anything but job category, such as a job location or custom facet.

It is not possible to customize the styling of the text included in any "job category" item.

On larger screens, the "job category" items appear in a 4-column grid layout. If the final row includes less than 4 items, the items are centered in that row.

Available Code Snippets:

  • v1 - Section 34 - Copy: Use to "reset" any "Section 34 - Copy" module.

Lorem Ipsum

Nullam id vestibulum lectus. Curabitur commodo posuere sapien, non vulputate lorem dapibus vitae. Fusce est ligula, tincidunt eget cursus vel, faucibus eget sem. Donec a mattis lectus.

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions

Accounting Jobs

1 Open Positions
View All Categories

Sign up for job alerts

Don't see what you're looking for? Sign up and we'll notify you when roles become available.

Interested InSearch for a category and select one from the list of suggestions. Search for a location and select one from the list of suggestions. Finally, click “Add” to create your job alert.