Highlight Boxes
The Highlight Box allows you to include a section on your page to emphasize content with a custom styled box. To create a highlight box follow these steps:
-
Select Highlight Box from the Type dropdown.
-
Set the column width.
-
If you wish to have a header at the top of the highlight box, add it with the Heading text field. You can then set the type of heading in the Heading Level dropdown.
-
Set the background color. You can choose to make it light gray or leave it white.
-
Set the border color. You can choose from solid crimson, solid gold, a gold/pink gradient, or a dark wood grain.
-
Set which sides of the highlight box will have borders. You can choose from left, right, bottom, top and bottom, or all sides.
-
Finally, use the Content box to add the actual text you would like to highlight on the page.
YouTube Embed
If you wish to embed a YouTube video on the page, just follow these steps:
-
Select YouTube Embed from the Type dropdown.
-
Set the column width.
-
If you wish to include a caption before the embedded video, you can add it into the top Content box.
-
Enter the YouTube video ID.聽 This can be found in the video URL
(https://www.youtube.com/watch?v=NnyZaXvp5Jg)
-
If you wish to include a caption after the embedded video, you can add it into the bottom Content box.
Expanding Box
If you wish to add an expanding content box on the page, just follow these steps:
-
Select Expanding Box from the Type dropdown.
-
Set the column width.
-
Enter the top content in the Expanding Box Top Content section.
-
Enter the bottom content in the Expanding Box Bottom Content section.
Grid Layout
If you wish to add a grid layout (formerly known as a Circle Grid) to your layout, just follow these steps:
-
Select Grid Layout from the Type dropdown.
-
Set the column width.聽 Typically, a grid layout best works with the 12-column full-width selection.
-
In the Item section, enter the grid item鈥檚 header in the Heading field.聽 You can then set the size/style of the header in the Heading Level dropdown.
-
You can then add an image for the item using the Image upload field.聽 It is recommended that you use an image that can work as a smaller size and in a square ratio.
-
You鈥檒l next need to add an image description to be used as the Image Alt Text.聽 This is required for all images to meet accessibility purposes.
-
Next, you鈥檒l add the small description text in the Content field.
-
Regarding a link in the item, you鈥檒l need to designate if it is an internal link, external link, or that the item will have no link.
-
If you choose to include a link, you鈥檒l need to enter the link label text in the Label field.聽 You鈥檒l then be asked to provide the page location/URL.
-
If you wish to add an additional items, you can do so by selecting the green arrow to the right of the item header.聽 You can also use the arrow buttons to rearrange your items.
Events Detail Box
If you wish to add an Event Detail Box to your layout, just follow these steps:
- Select
Event Detail Box from the Type dropdown.
-
Set the column width.
-
In the
Event Selection dropdown, you can choose either to enter the event鈥檚 information in manually, or populate the content using an existing event page on the site.
聽If you choose Enter Event Information:
-
Enter the name of the event in the Heading field
-
If you are providing updated information regarding the event, you can check the Add an 鈥淯pdated鈥 banner box.聽 This will add a notification to the top of the event box indicating that has been an update to the event.
-
In the Additional Date and Location section, you can designate the Start Time, End Time, and Location of the event.
-
In the Content field, you can add an event description to be displayed in the box.
-
In the Event Link on Main Heading section, you can determine if the event box heading will link to a page.聽 If you choose to have a link, you鈥檒l need to designate the 亚色影库 page, or enter the URL depending on your choice of internal or external.聽 You can also select if the link will open in a new window or not via the Link Target dropdown.
聽If you choose Select Event Page:
- Using the
Choose Page button, find and select the event page on the 亚色影库 site you want to use.
-
Under the Additional options for this event section, you can choose to include the event pages current date and time settings.
-
Next, you can select if you want to add additional dates/times for the event.聽 Selecting this box will display the Additional Date and Location section where you can designate the Start Time, End Time, and Location of the event.
-
Selecting the Override the event鈥檚 original title box will display a Heading field which you can use to give the event a custom title.
-
Using the Override the selected event鈥檚 link box will display the Event Link on Main Heading section.聽 From there, you can determine if the event box heading will link to a page.聽 If you choose to have a link, you鈥檒l need to designate the 亚色影库 page, or enter the URL depending on your choice of internal or external.聽 You can also select if the link will open in a new window or not via the Link Target dropdown.
-
If you are providing updated information regarding the event, you can check the Add an 鈥淯pdated鈥 banner box.聽 This will add a notification to the top of the event box indicating that has been an update to the event.
-
In the Content field, you can add an event description to be displayed in the box.