[Skip to Content]

Style Guide

Heading 1 - Style Guide

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 This is the default style for text on your site. When you create a new text block and start typing, this is the default text that will appear on the front end of your site unless you choose an alternate style. You can choose styles by clicking on the Paragraph Format button in the text editor (bottom row, second 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.

Quote: Write out your quote and then highlight the entire text, including the name of the person being quoted. Click on the quotation marks icon in the text editor. Save.

John DoeMarketing Director

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

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. 

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. 


Use a horizontal line (as shown above and below this paragraph) to break up text on a page. Write out your text, place your cursor in the desired location of the horizontal line and click on the horizontal line icon in the text editor (bottom row, second button in from the right). 


A horizontal line will appear in Showtime to show you where you've placed it. Save.

Heading 4 - FAQs

FAQ lists are a great way to break up text within a page to make it more manageable for the reader. Click on the Add Content button and choose FAQs. Click Add New to start your FAQ list. Enter a title and use the free form description field for all of the information related to that title.That information can include descriptions or simply a link off to a page on the site that can provide the user with all of the information they need, which will avoid duplication of content on the site.

Two Column Style

If you have a long list of items, a two-column style may be more aesthetically pleasing. Write out your list, then highlight the entire text and click on the "div" button in the text editor. A new menu will pop up, in the field labeled "stylesheet class" type "two-column" (without the quotation marks) and it will automatically wrap the content into two columns.

FAQ Style

Description information would go here. Use the text editor to style the content as needed. You can include links with the text to direct people elsewhere on the site. 

  • Bulleted Item 1
  • Bulleted Item 2
  1. Numbered Item 3
  2. Numbered Item 4

FAQ style that uses a title that is really, really, really, really, really, really, really, really, really, really, really, really long and might wrap to two lines.

This is an example of an FAQ with a very long title. 

Link Lists

If you have a list of items that you want to link, a link list is a far better alternative than simply writing the list out and linking within the text. Add the Link widget, click the Add New button. The Title field is where you place the word that you to display to represent your link, then enter the link in the URL field. A description field is optional. As shown below, bulleted and numbered lists are supported here as well as links within the text. Save.

Spotlight Lists

Spotlights are a fancy link list. They're a great way to incorporate images into the body of your text to make the page more interesting for the viewer.

Spotlight with Image, Link, and Description

You can include bulleted and numbered lists within a spotlight and even a link within the text.

  • Bulleted Item 1
  • Bulleted Item 2
  1. Numbered Item 1
  2. Numbered Item 2

In this format, the image, text, and more information button will be clickable.

Spotlight with Link, Description, and NO Image

If you don't have an image, but still like the way the spotlight list looks, that's fine! Go ahead and create your spotlight without an image. In this case, just the title and more info button will be clickable. 

Spotlight with description, NO link, NO image

You can also create spotlight lists even if you don't have an image or a link. 

Grid Example #1

In this format, the image, text, and more information button will be clickable.

Grid Example #2

Sample Grid View

Grid Example #3, no link

If you don't include a link, the button will not show and the image and title will not be clickable. 

Event List

Events can be brought back into any page based on their promotion type. To add events: 

  1. Click on the Add Content button and choose "Events." The widget will appear at the bottom of page.
  2. From there, click on the Edit button and choose which promotion type you'd like to bring back onto the page.
  3. Save and publish.

If you want to create a new promotion type, put a ticket into the Help Desk and one of the Support representatives will set it up for you. 

Once you've set this up, the events will automatically display on this page based on the display on date and time set on the Options tab of the event and automatically be removed from this page once the event is over.

Nov 13 - Dec 29
Enlarge Image

The Music Man

Book, Music & Lyrics by MEREDITH WILLSON | Based on a story by MEREDITH WILLSON and FRANKLIN LACEY | Directed by JEFF CALHOUN

News

News can be brought back into any page. If you have categories for your news items, the system can bring specific news items back based on their category type. You will know if you have news categories when you add the News widget because if you have them, they will display as options on the Edit field, if you don't, it will be blank. To add news:

  1. Click on the Add Content button and choose "News." The widget will appear at the bottom of page.
  2. If you don't have news categories, it will bring back all news items.
  3. If you do have categories, click on the Edit button and choose which category of news you'd like to bring back onto the page.
  4. Save and publish.

If you want to create a new category type, put a ticket into the Help Desk and one of the Support representatives will set it up for you. 

The database of News items is managed under Website > News. 

Once you've set this up, the news items will automatically display on this page based on the display on date and time set on the Options tab of the news item.

Concierge List

You can bring back your list of Visitor Guide items onto any page based on their category. 

  1. Click on the Add Content button and choose "Concierge." The widget will appear at the bottom of page.
  2. Click on the Edit button to choose which category of concierge items you'd like to display on the page. 
  3. Save and publish.

If you want to create a new category type, put a ticket into the Help Desk and one of the Support representatives will set it up for you. 

The database of Concierge items is managed under Website > Visitor Guide. 

Once you've set this up, the concierge items will automatically display on this page as soon as you publish the item in the Visitor Guide module and will remove itself from this page if you turn it off or delete it.

Test Hotel

5555 North Tamiami Trail
Sarasota, Florida 34243
Phone: (555) 555-5555

This is the description area for a test hotel.

Test Restaurant

Test Restaurant

5555 North Tamiami Trail
Sarasota, Florida 34243

This is the description for a test Restaurant.

  • list item
  • list item
  1. list item
  2. list item