Paragraph Component

The Paragraph Components allows content editors to choose which kind of pre-defined paragraphs they want to place on the page and the order in which they want to place them. If you would like training on how to use the components below, please feel free to reach out to  to schedule a web training session.



List of Available Paragraph Components



The text component is also known as Wysiwyg (What You See Is What You Get) will allow content editors to edit content without touching a line code.


View of Text edit box


Allows for adding a section header

Heading example


Display various types of content, with accordion-like behavior. Items in accordion groups will appear collapsed with only their titles showing. Clicking an item's title will expand and reveal its whole content.


Example of accordion

Fast Facts

A unique format to highlight important data on a basic page layout.


Fast Facts Example

Schools and Divisions

This component allows a content editor to display other sub sites on their page in a unique format.

This works great for a content editor who manages a division sub site because they can now showcase all the programs within that division on their homepage.


School and Division example


A slider that allows you to display rotating images.


CCNY Hero Example

Breaker Image w/ Text

Breaker Image with text example

Highlighted image

Highlighted image

Social Media

Promote your social media* by uploading a static image and linking to the social media platform. 

*This is not a live feed feature 


CCNY Social Media Example


Multi-Layout allows a content editor to take a chunk of content and flow it into multiple columns, similar in a newspaper.


Example of 2 column layout

2 Column layout


Example of 3 column layout

Three column layout

Document Embed

This component allows you to embed a document, spreadsheet, or presentation that you upload into a web page. A link to the original document is always provided at the bottom.

Screenshot of the document embed being implemented

Vector Icon Set

The vector icon set component provides the flexibility to add a URL link to an icon on a web page layout. Icons are custom SVG files that reflect the CCNY brand created by the Office of Institutional Advancement and Communications. A content editor should reach out to Prem Nankoo or Seamus Campbell to set up the icons.

Please note, as a content editor, you will not have access to upload or select icons, but you will have the option to rearrange the icons, title, and link. 

View a list of available icons 



Image Gallery

Display images in a gallery format

Gallery Image Tumbnails


Gallery Image Overlay

Horizontal/Vertical Timeline

Display a list of milestones in a timeline format

Horizontal Timeline Demo
Vertical Timeline Demo

Last Updated: 08/09/2023 13:03