Brooklyn private independent school

Page Content Instructions

Hero Image Instructions

To add the full-width hero image to a page,

  1. Add the Shared Element "Hero Image" to the page
  2. Orphan and Edit the element
  3. Under Design > Background Image, insert your new image (1440 x 480)

Grey-background content box instructions

  1. Add the Shared Element "Grey Content Box"
  2. Orphan and Edit the element
  3. Change (or hide) the element title field
  4. Edit the content in the body of the element

*Alternatively, you can add the custom class "module" to a content element to give it the grey background.

Sidebar Content

Donec sed odio em malesuada magna lorem dolor duis mollis, est non commodo lao ret rum dolor sed et luctus, erat porttitor ligula. Aenean lacinia nulla sed. Vivamus sagittis lacus vel augue laoreet rutrum.

Blockquote Instructions

  1. Enter your quote text and citation.
  2. Select all the text and use the "Blockquote" option from the Styles Dropdown (paintbrush icon in the editor).
  3. Highlight just the citation and use the Italic button in the editor to make it format below the quote and change style.

*Alternatively, you can add the Shared Element "Blockquote," orphan and edit it from there.

This is a sample quote. We are so satisfied with our child's experience at The Berkeley Carrol School, which instills in him the love of learning. – John Smith, Parent

Styled Table Instructions

  1. Create your table with the table button in the editor
  2. In Table Settings (click into table and click the gear icon), in the Class dropdown, select "Table Style"
  3. Your table will now have the alternating background colors

*Alternatively, you can add the Shared Element "Styled Table," orphan and edit it from there.

Table Style

Tuition$55,800
Technology Fee$815
Health Center Fee$520
International Student Fee$815
Tuition Refund Insurance - 2.6% of net tuition$1,450

Buttons Instructions

  1. Add your desired button text.
  2. Select the text and click the link button in the editor.
  3. In the Link menu, add the link (to a site page/external URL/file, etc...) AND select the desired button style(s) in the Class dropdown (one for the color, and optionally the additional class to make it the larger button with the subtitle).
  4. If using the button with subtext, select just the subtext and click the Italic button in the editor to make it format correctly.
  5. You can also use the class "Large Button" to make the text much larger.
  6. You can also use the class "Button Full-Width" to make the button fill the width of it's element.