Skip to main content
Search Jobs
Search Jobs

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.



Headings

Headline1

Headline2

Underline Headline

Headline3

Headline4




Text Size

Text X Small

Text Small

Text Normal

Text large




Color

Dark Blue

Light Blue

Blue

Uniform Blue

Aus Blue




Links and Buttons

Link Arrow Link





CMS Page Tempate


What CMS page templates are available to create new pages with?

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

  • Office Locations
  • People Profile
  • Events Template



Working With Custom HTML Modules' Content Editors (WYSIWYG)


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 as this could result in unintended styling/format inconsistencies.

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

Use the style Magement dropdown

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 primarily (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. For example, if you accidentally delete the headline and byline at the top of the Custom HTML Module included in Section 1, you can use a code snippet to add it back in. In most 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.)




Tips


Add new vs. Use Existing

Add new sections will always create a new section with the same format

Use existing section will use the "same" over and over again




Default Banner (Section 1)

Suggested Use: hero banner with text and image

Notes: N/A

Available Code Snippets: Section 1 - Text

Lorem ipsum dolor sit amet

Video Banner (Section 1a)

Suggested Use: hero banner with pop up video

Notes: N/A

Available Code Snippets: Section 1 - Text

Lorem ipsum dolor sit amet

Intro Copy - (Section 2)

Suggested Use: Page Intro

Notes: Add this as a first section to a page

Available Code Snippets: Section 2 - Text

Lorem ipsum dolor sit amet

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Intro Copy - (Section 2a)

Suggested Use: Page Intro

Notes: Add this as a first section to a page (Center Justified)

Available Code Snippets: Section 2a - Text

Lorem ipsum dolor sit amet

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Copy - (Section 3)

Suggested Use: Block of Text broken up into 2 columns at desktop

Notes: N/A

Available Code Snippets: Section 3 - Text

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

Copy - (Section 3a)

Suggested Use: Block of text broken up into 2 colums with a headline

Notes: N/A

Available Code Snippets: Section 3 - Headline , Section 3 - Text

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 laboris nisi ut aliquip ex ea commodo consequat.

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

Allied Universal is an Equal Opportunity/Affirmative Action Employer. See our EEO/ADA Policy here

Image and Copy - (Section 4)

Suggested Use: Image along side block of text

Notes: Image Left and Copy Right (With Background)

Available Code Snippets: Section 4 - Text

Lorem Ipsum

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

Learn More

Image and Copy - (Section 4a)

Suggested Use: Image along side block of text

Notes: Image Right and Copy Left (With Background)

Available Code Snippets: Section 4 - Text

Lorem Ipsum

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

Learn More

Image and Copy - (Section 5)

Suggested Use: Image along side block of text

Notes: Image Left and Copy Right (No Background)

Available Code Snippets: Section 5 - Text

Lorem Ipsum

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

Lorem Ipsum

Image and Copy - (Section 5a)

Suggested Use: Image along side block of text

Notes: Image Right and Copy Left (No Background)

Available Code Snippets: Section 5 - Text

Lorem Ipsum

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

Lorem Ipsum

Video - (Section 5b)

Suggested Use: Video Left Text right

Notes: N/A

Available Code Snippets: Section 5 - Text

Lorem Ipsum

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

Lorem Ipsum

Video - (Section 5c)

Suggested Use: Video right Text left

Notes: N/A

Available Code Snippets: Section 5 - Text

Lorem Ipsum

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

Lorem Ipsum

Image and Copy - (Section 6)

Suggested Use: Text with a background image

Notes: N/A

Available Code Snippets: Section 6 - Text

Lorem Ipsum

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

Lorem Ipsum

Multi Item - (Section 7)

Suggested Use: Multi Item Cards to showcase text and button

Notes: N/A

Available Code Snippets: Section 7 - Text

  • Lorem Ipsum Dolor Sit Amet Consectetur

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

    Lorem Ipsum
  • Lorem Ipsum Dolor Sit Amet Consectetur

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

    Lorem Ipsum
  • Lorem Ipsum Dolor Sit Amet Consectetur

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

    Lorem Ipsum
  • Lorem Ipsum Dolor Sit Amet Consectetur

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

    Lorem Ipsum

Image - (Section 8)

Suggested Use: Full width image

Notes: N/A

Available Code Snippets: N/A

Video - (Section 9)

Suggested Use: Full width video

Notes: N/A

Available Code Snippets: N/A

Multi Item - (Section 10)

Suggested Use: Row of 4 videos with text under

Notes: Add Text in Media module

Available Code Snippets: N/A

  • Lorem Ipsum

  • Lorem Ipsum

  • Lorem Ipsum

  • Lorem Ipsum

Multi Item - (Section 11)

Suggested Use: Add cards with image and text that link to content pages

Notes: N/A

Available Code Snippets: N/A

Multi Item - (Section 11a)

Suggested Use: Add cards with image and text that link to content pages - Width hardcoded video as first card

Notes: N/A

Available Code Snippets: N/A

Job Tabs - (Section 13)

Suggested Use: 3 Tabs showcasing recently viewed jobs, jobs near me, and saved jobs

Notes: N/A

Available Code Snippets: N/A

Career Path - (Section 16)

Suggested Use: Career Path showing different positions of a job

Notes: Intro and items are editable

Available Code Snippets: Section 16 - Intro, Section 16 - Item

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum

Quote - (Section 17)

Suggested Use: Employee quote text with name and position

Notes: N/A

Available Code Snippets: Section 17 - Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-Name, Position

Quote - (Section 17a)

Suggested Use: Employee quote text with name and position

Notes: N/A

Available Code Snippets: Section 17 - Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-Name, Position

Quote - (Section 17b)

Suggested Use: Employee quote text with name, position and custom image

Notes: N/A

Available Code Snippets: Section 17 - Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-Name, Position

Copy - (Section 20)

Suggested Use: General Copy Section

Notes: N/A

Available Code Snippets: Section 20 - Text

Lorem ipsum dolor sit amet

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

FAQ - (Section 21)

Suggested Use: FAQ section for showing questions and answers

Notes: N/A

Available Code Snippets: section 21 - Intro, Section 21 - Item

Lorem Ipsum

Q: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?

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

Q: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?

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

Q: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?

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

Q: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?

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

Q: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod?

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

Multi Item - (Section 23)

Suggested Use: Row of cards with icon and text. Works good for facts

Notes: N/A

Available Code Snippets: Section 23 - Text

  • Lorem
    Ipsum

    dolor sit amet consectetur

  • Lorem
    Ipsum

    dolor sit amet consectetur

  • Lorem
    Ipsum

    dolor sit amet consectetur

Multi Item - (Section 24)

Suggested Use: Row of icons - Good use for awards

Notes: N/A

Available Code Snippets: Section 24 - Intro

Awards

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Job List - (Section 25)

Suggested Use: Showcase jobs by category

Notes: N/A

Available Code Snippets: N/A

Job List - (Section 25a)

Suggested Use: Showcase jobs by category vertical

Notes: N/A

Available Code Snippets: N/A

Multi Item - (Section 26)

Suggested Use: To showcase events

Notes: N/A

Available Code Snippets: Section 26 - Item

  • MTH

    XX-XX

    Lorem ipsum dolor Event Title

    City, State Time: 00:00 AM - 00:00 PM Event Type: 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.

    RSVP To This Event
  • MTH

    XX-XX

    Lorem ipsum dolor Event Title

    City, State Time: 00:00 AM - 00:00 PM Event Type: 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.

    RSVP To This Event

Note To Developer: Please include documentation for this section!

Map title goes here

Map description goes here

  • Radancy London

    ec1a 4hd

  • Radancy New York

    NY 10004

Related Content Dynamic - (Section 28)

Suggested Use: Add cards with image and text that link to content pages

Notes: N/A

Available Code Snippets: N/A