Liberty Premium Theme Specifications

 This article outlines all of the home & landing page design specifications for the Liberty Premium Theme.

Home and Landing Pages

Section 1: Entrance Area

Option 1: Slider
Option 2: Grid

Option 1: Slider

Slide Show on Main Body

1. Maximum of 10 slides
2. Image Size - 1200px by 445px
3. Caption
   1. Description
      1. Description/Caption Editor
      2. 80 characters max
   2. Button
      1. Shows if URL is entered in the "Link Address for Image" field.
4. Alt Text
   1. Will show as a title on hover

Option 2: Grid     

Entrance Grid 1 - Large Left: Slide Show on Main

1. Maximum of 4 slides
2. Image Size - 1200px by 850px
3. Caption
   1. Description
      1. Description/Caption Editor
      2. 40 characters max
   2. Button
      1. Shows if URL is entered
4. Alt Text
   1. Will show as a title on hover

Entrance Grid 2 - Long Top: Slide Show on Main

1. Maximum of 4 slides
2. Image Size - 880px by 420px
3. Caption
   1. No Caption Text
   2. Button
      1. Shows if URL is entered
4. Alt Text
   1. Will show as a title on hover

Entrance Grid 3,4, and 5 - Small Square: Slide Show on Main

1. Maximum of 4 slides
2. Image Size - 440px by 420px
3. Caption
   1. No Caption Text
   2. Button
      1. Shows if URL is entered
4. Alt Text
   1. Will show as a title on hover

Entrance Grid 6 - Large Right: Slide Show on Main

1. Maximum of 4 slides
2. Image Size - 840px by 850px
3. Caption
   1. Description
      1. Description/Caption Editor
      2. 40 characters max
   2. Button
      1. Shows if URL is entered
4. Alt Text
   1. Will show as a title on hover

Grid Links: Resources/News Tool on Main

1. Maximum of 3 links
   1. The first 3 active items will show in the order they are in the tool.
2. Title
   1. 40 characters maximum 
3. Link:
   1. If a link is added to an item, the item will link to the specified URL.

Section 2

Option 1: Icon Set
Option 2: Flexible Text and Image/Video

Option 1: Icon Set

Resources/News Tool on Main

1. Maximum of 4 links
   1. The items will display in the order they are listed in the tool.
2. Resource/News item Title is the image on the button
   1. Do not change the Resource/News item Title as it is tied to the image used
3. Icon Title
   1. Title Tag Field
   2. 40 characters max
4. Description
   1. Short Description Field
   2. 65 characters max
5. Section Title
   1. Tool Heading field
   2. 20 characters max
6. Toggle Active/Inactive
   1. If the Resources/News tool is set to inactive, the section will not appear.

Option 2: Flexible Text and Image/Video

Text/Graphic Editor & Embed Tool on Main

1. Section Title
   1. Tool Heading of Text/Graphic Editor Tool
   2. 20 characters max
2. Video
   1. Embed Audio/Video Tool
   2. If the tool is inactive or empty, the image from the editor will be the default.
3. Text
   1. Text/Graphic Editor
   2. Image Size - 800px by 445px
      1. If no video or image, the full editor description text will show.
   3. Description - 240 characters
4. Button
   1. 1. Add URL to the "Link Address for Image" field to have a button display in this area.
      2. Add text to the Caption field to change the “Read More” text
5. Toggle Active/Inactive
   1. If the Text/Graphic Editor tool is set to inactive, the section will not appear.

Section 3

Option 1: Announcements
Option 2: Social Feed

Option 1: Announcements

1. Announcements: Announcements Tool on Main
   1. Maximum of 2 announcements
   2. Title - 50 characters max
   3. Caption
      1. With Image - 120 characters max
      2. Without Image - 240 characters max
   4. Image Size - 800px by 530px
2. View All Link: Resources/News Tool on Main
   1. First, active link
   2. Serves as default announcements page 
3. Section Title
   1. Tool Heading field of Announcements Tool
   2. 20 characters max

Option 2: Social Posts

1. Facebook
   1. Connect via Social Media Module
   2. Social Media Feed Tool on Main
2. Twitter
   1. Provide CMS4Schools with your Twitter URL
3. Section Title
   1. Tool Heading field of Social Media Tool
   2. 20 characters max

Section 4: Events

1. Background Image: Slide Show Tool on Main
   
   1. Image Size - 1800px by 860px
   2. The first, active image will show in the background
2. Events: Upcoming Events Tool on Main
   1. Section Title
      1. Detail Heading field
      2. 20 characters max
   2. Shows up to 5 days with 3 events each day
3. View All Events Button: Resources/News Tool on Right
   
   1. The first, active link will show a button
   2. 25 characters max
4. Toggle Active/Inactive
   1. If the Upcoming Events tool is set to inactive or there are no events in the date range, the section will not appear.

Interior Pages & Site-Wide Elements

Banner Image

• 1800px by 290px

Header

Utility Icons

Resources/News Tool on Right

1. Maximum of 4 icons
2. Title
   
   1. Short Description Field
   2. 20 characters max
3. Do not change the link name as it is tied to the icon image. Contact support to add or change the link name of an icon.

Mega-Menu Callouts

Resources/News Tool on Right

1. Each active link is associated with the main navigation items in the main navigation order
2. Title
   
   1. Title field
   2. 30 characters max
3. Description
   
   1. Type Settings Description field
   2. 100 characters max
4. The link will surround the entire callout.

Site Search

If the site search tool has a search ID entered, the search will be available site-wide (even for additional landing pages).

Footer

Footer Social Icons

Resources/News Tool on Right

1. Maximum of 6 icons
2. Title Tag Field
   1. Changes the tag of the icon on hover
3. Do not change the link Title as it is tied to the icon image. Contact support to add or change the Title of an icon.

Translate

If the translate tool is active, translate will be available site-wide (even for additional landing pages).

Footer Buttons

Resources/News Tool on Right

1. Maximum of 3 links
2. Title
   1. 35 characters max

Copyright Links

Resources/News Tool on Right

1. Maximum of 3 links
2. 30 characters maximum

Font

• Poppins