Horizontal Rules (HR)

HRs are a collection of 4 dividing element types used to add air to layouts, create aesthetic separation, or represent section breaks and end marks (for long-form content). Horizontal rules can also optionally contain anchors so you can link deep to specific page content.

1. Default:

2. Full:

3. Section Break:

4. End Mark:

Marquee

The marquee is an animated scrolling text area meant primarily for non-critical, non-interactive content on page. This block is hidden to accessibility users, hence only utilize this area for display text meant to support the page’s main content. Since this is an advanced and highly flexible block, it supports utility classes and html to allow you endless possiblities for styling. In its basic form, you can simply use text.

The Image with Caption block below supports unlimited images with the option to display the alt text for each image as the caption for each of the images. With the use of the ADVANCED column and container class fields, you can create endless layout variations.

EXAMPLE: If you wish to have edge to edge images stacked with the captions below them centered in black text with display-4 size on a yellow background, enter the following in the respective fields:

• Column Classes: col-12

• Container Classes: container-fluid p-0 bg-warning text-black text-center display-4

• You will want to make sure to toggle the Keep Original Format option for the image by clicking on the image name. This will tell the CMS to not optimize and size the image and to use the image as you uploaded to the CMS. Keep in mind that you will want to ensure you optimize the image and size it accordingly. We recommend no larger than 1920px wide.

As you can see this adds a lot of flexibility to customize the layout by simply using utility classes. Feel free to then customize it further using the Advanced Tab > Internal CSS field on your respective entry page.