Full Screen Panel

*New Feature: Video support for YouTube and Vimeo Links

Style Options

• Default
• Fixed Background
• Fancy

Additional Panel Options  

• Hide Title: Hides item titles so you can keep the titles in Showtime for your reference but have them not display on the front end. 

Available Item Fields

• Image (1600px by 1000px)
• Title
• Logo
• Button Link
• Button Text
• Body
• Video Background (YouTube and Vimeo links) supported

Full Screen Panel (Default)

• Uses 1 item.
• Supports both images*, YouTube, Vimeo, and muted mp4 background video. 

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Intro Panel (Default) w/Video (MP4, YouTube, or Vimeo)

New Feature: Video support for YouTube and Vimeo Links

• Uses 1 Item.

• When you set the Full Screen panel style to default, you can display a muted background video.

• For MP4s, You’ll use the Add Media button next to "Image" to add your MP4. It's ok if you haven't uploaded the mp4 to the system yet, you will be able to do so from the media gallery after you've clicked Add Media. Try to keep your MP4 file size small to maintain a fast page load speed.

• YouTube and Vimeo links are supported through the Video Background field.

• Videos will autoplay without audio for accessibility.

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Full Screen Panel (Default) w/Title Hidden & a Logo 

• Uses 1 Item.

• Supports both images* and muted mp4 background video. 

• Use the Add Media button below "Logo (optional)" to add your logo to the intro panel background. It's ok if you haven't uploaded it to the system yet, you will be able to do so from the media gallery after you've clicked Add Media. 

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Intro Panel (Fixed Background) 

• Uses 1 Item.

• Supports images* only. 

• The background image does not move while the user scrolls.

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Intro Panel (Fancy) 

• Use for multiple items. 

• Supports images* only. 

• The background fades to the next image as the text scrolls. 

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Grid Panel

Style Options

• Default
• Carousel

Available Item Fields

• Image (410px by 245px)
• Title
• Subtitle
• URL
• Button Text
   

Grid Panel (Default) 

• Use 3 items minimum (If you use less than 3 the panel will not look nice on desktop)
• If a URL is entered the whole item square will be clickable.
• On tablet/mobile items will stack.
   

Grid Panel (Carousel)

• Use more than 3 items
• If a URL is entered the whole item square will be clickable.
• On desktop adds arrows to the left and right for the user to toggle through items.
• On tablet/mobile the user can swipe left and right through the items.

Spotlight Panel

*New Features: 4-Across and 5-Across options

Style Options

• Large
• Wide
• Grid
• 4-Across
• 5-Across

Available Item Fields

• Image (820px by 490px)
• Title
• Body
• URL
• Button Text
   

Spotlight Panel (Large) 

• Use 2 items minimum (If you use less than 2 the panel will not look nice on desktop)
• Displays 2 items across on desktop.

Spotlight Panel (Wide)

• Displays 1 item across on desktop.

Spotlight Panel (Grid)

• Use 3 items minimum (If you use less than 3 the panel will not look nice on desktop)
• Displays 3 items across on desktop.

Spotlight Panel (4 Across)

New Feature

• Use 4 items minimum (If you use less than 4, the panel will not look nice on desktop)
• Displays 4 items across on desktop.

Spotlight Panel (5 Across)

New Feature

• Use 5 items minimum (If you use less than 5, the panel will not look nice on desktop)
• Displays 5 items across on desktop.

Full Width Panel

*New Feature: Video support for YouTube and Vimeo Links

Style Options

• No style options display as it is just default. 

Additional Panel Options

• Is Carousel?: Select to have the panel carousel through multiple items.  
• Hide Title: Hides item titles so you can keep the titles in Showtime for your reference but have them not display on the front end. 
• Show Text On Hover: Instead of the Title, Body Text, and Button displaying automatically, they appear on hover. ​

Available Item Fields

• Image (1200px by 700px)
• Title
• URL
• Body
• Button Text
• Video Background (YouTube and Vimeo links) supported

Full Width Panel w/Carousel

• Check Is Carousel? under panel options if using more than 2 items. 
• Max of 4 items in carousel. 

Full Width Panel w/Title Hidden

• Check Hide Title under panel options.
• Leave Use Carousel? unchecked to display stacked panels

Full Width Panel w/Show Text on Hover

• Check Show Text on Hover under panel options to have the title, body text, and button display on hover only. 

Full Width Panel with Video

New Feature

• Add a YouTube or Vimeo video link in the Video Background field to display a video in this panel.
• The video will autoplay without sound for accessibility.

Alternating Panel

*New Features: Video support for YouTube and Vimeo Links | Modal Option

Style Options

• Default
• Small
• Centered Logos
• Fixed Width
• Modal

Available Item Fields

• Image (800px by 800px)
• Title
• URL
• Body
• Button Text
• Video Background (YouTube and Vimeo links supported)
• Read More Text (for Modal option)

Alternating Panel (Default) 

• The first item displays the image* on the left and the text on the right. The next item displays in the reverse order and so on.

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Alternating Panel (Small) 

• The first item displays the image* on the left and the text on the right. The next item displays in the reverse order and so on.
• Image height is shorter than the default alternating panel. 

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Alternating Panel (Centered Logos) 

• The first item displays the logo centered on the left and the text on the right. The next item displays in the reverse order and so on.

Alternating Panel (Fixed Width) 

• The first item displays the image* on the left and the text on the right. The next item displays in the reverse order and so on.
• The items remain centered on the page in desktop view. 
• Image height adjusts based on coordinating text length.

​​​​​​_{*Do not include text on the image itself as the image will crop based on browser width and height. Use the Item Title and Body fields to ensure text is viewable on all device sizes.} 

Alternating Panel (Video Support) 

New Feature

• Videos can be used in place of images for any layout of Alternating Panels.
• MP4s can be uploaded into the Image field.
• YouTube and Vimeo links are supported through the Video Background field.
• Images will autoplay without audio for accessibility.

Alternating Panel (Modal Option) 

New Feature

• A modal option can be used with Alternating Panels to allow a pop of text and/or images to display.
• To activate the modal, add text and/or images to the "Read More Text" field.
• A "Read More" button will automatically display for the user to open up the modal.
• If the URL field is also filled out, the "Read More" button will display next to the button for the URL field.

Icons Panel

Style Options

• No style options display as it is just default. 

Additional Panel Options

• Hide Title: Hides item titles so you can keep the titles in Showtime for your reference but have them not display on the front end. 

Available Item Fields

• Image (Any Size)
• Title
• URL
• Body

Icons Panel w/7 items

• You can use any number of items as the icons center up on desktop.

Icons Panel w/3 items & Titles Hidden

• Check Hide Title under panel options.
• Add 3 items. 

Icons Panel w/2 items

• Add 2 items. 

Icons Panel w/3 items

• Add 3 items. 

Banners Panel

Style Options

• No style options display as it is just default. 

Additional Panel Options  

• Hide Title: Hides item titles so you can keep the titles in Showtime for your reference but have them not display on the front end. 

Available Item Fields

• Image
  • 1 item (1300px by 220px)
  • 2 items (750px by 220px)
  • 3 items (400px by 220px)
• Title
• URL
• Logo

Banners Panel w/1 item

• Add 1 item
• If including an image use (1300px by 220px)

Banners Panel w/2 items & Titles Hidden

• Check Hide Title under panel options.
• Add 2 items. 
• If including an image use (750px by 220px for each)

Banners Panel w/3 items

• Add 3 items. 
• If including an image use (400px by 220px for each)

Text Only Panel

Style Options

• Default
• Centered

Available Item Fields

• Title (Showtime Use Only. Not visible on Front End)
• Text

Text Only Panel (Default)

• Text is Left-Aligned.

Heading 1

Lead-In Paragraph: Write out your text then highlight it. In the text editor, click the STYLES button and choose "lead paragraph."

Heading 2

Normal Font: Bold text italicized text _subscript ^superscript. This is the default for text. When you create a new text item and start typing, this is the text that will appear on the front end of your site unless you choose an alternate text style. You can choose styles by clicking on the Paragraph Format button in the text editor (the first dropdown in from the left, it will say "Normal.") From there, you can choose a heading type or you can choose from various other styles like Lead Paragraph (displayed above), bold, italicized, subscript, superscript, numbered and bulleted lists, or blockquotes, all of which are sampled on this page.

Heading 3

Bulleted and numbered lists can be created in any text block. Simply write out the list of items, highlight them, and then click on the bulleted list icon or the numbered list icon in the text editor. The list will automatically add the numbers/bullets to each item.

• Bulleted Item 1
• Bulleted Item 2
• Bulleted Item 3
• Bulleted Item 4

1. Numbered Item 1
2. Numbered Item 2
3. Numbered Item 3
4. Numbered Item 4

Buttons

Create new buttons within text panel items. Type out the word(s) you would like to use as the button text, click on the link icon in the text editor, and fill in the information to create the link. Click on the Advanced tab and in the field labeled "stylesheet class" type the word "button" (without the quotation marks), click ok. It will look like a regular text link within Showtime, but on the front end, it will be styled like a button.

Sample Button

Styled Image Right

Place your cursor at the start of the paragraph. Click on the Media button and choose your image. Once it appears in the text block, click on the image so it highlights, go to the Styles button in the text editor and choose styled image right. 

Styled Image Left

Place your cursor at the start of the paragraph. Click on the Media button and choose your image. Once it appears in the text block, click on the image so it highlights, go to the Styles button in the text editor and choose either styled image left or styled image right. 

Text Only Panel (Centered)

• Text is Centered.

FAQ List Panel

Style Options

• No style options display as it is just default. 

Available Item Fields

• Question
• Answer

FAQ List Panel Notes

FAQ list panels are a great way to break up text within a page to make it more manageable for the reader. Click edit on the first item and enter a question (does not necessarily have to be a question) then use the free form answer description field for all of the information related to that question. Select the + Add New Item button to add additional FAQ items.

FAQ List Panel

• FAQ list panels are a great way to break up text within a page to make it more manageable for the reader. Click edit on the first item and enter a question (does not necessarily have to be a question) then use the free form answer description field for all of the information related to that question. Select the + Add New Item button to add additional FAQ items.

Link List Panel

Style Options

• No style options display as it is just default. 

Available Item Fields

• Title
• URL
• Body

Link List Panel Notes

If you have a list of items that you want to link, a link list is a better alternative than simply linking within a text panel. Click edit on the first item. The Title field is where you place the word(s) that represent your link, then enter the link in the URL field. The body field is optional. As shown below, bulleted and numbered lists are supported here as well as links within the text.

HTML Panel

New Panel

This content item allows raw HTML, CSS, and JavaScript code. Content will be rendered directly without modification. 

Note: Use caution with scripts.

Style Options

• Fixed Width (1180px)
• Full Width 

Spacer Panel

New Panel

• Small (50px)
• Medium (100px)
• Large (200px)

Note: Spacer will add additional space in addition to your existing site spacing

Spacer Small (50px)

Spacer Medium (100px)

Spacer Large (200px)