Intro Panel

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

Intro Panel (Default)

• Uses 1 item.
• Supports both images* 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 

• Uses 1 Item.

• When you set the intro panel style to default, you can display a muted background video. 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.

​​​​​​_{*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/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

Style Options

• Large
• Wide
• Grid

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.

Full Width Panel

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

Full Width Panel w/Carousel

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

Full Width Panel w/Title Hidden

• Check Hide Title under panel options.
• Leave Use Carousel? unchecked if just displaying 1 item. 

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. 

Alternating Panel

Style Options

• Default
• Small
• Centered Logos
• Fixed Width

Available Item Fields

• Image (800px by 800px)
• Title
• URL
• Body
• Button Text
   

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.} 

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

• 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

• 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.