• Sets the page to an initial green color theme at the top 
• Class: custom-theme-green

• The custom-header-logo-toggle class is used in addition to the the regular header logo gallery on content templates where the original logo is mostly green before the navigation menu is active, this toggle version uses white text and is used on these templates to toggle between the two different logos when the navigation menu is active.
• Feature Name: Header Logo (Content - Menu Toggle Version)
• Collection: Gallery
• Class: custom-header-logo-toggle

GO TO SETTINGS

• Feature Name: Hero Banner
• Collection: Hero Banner
• Class: None Needed

GO TO SETTINGS

• The custom-no-gradient will hide the gradient that appears when you choose to show a description in a gallery
• Class: custom-no-gradient

• Feature Name: Hear from some of our boarders (various)
• Collection: Gallery Item Swapper
• Class: custom-gallery-item-swapper

GO TO SETTINGS

• The custom-video-swap-banner allows you to add two videos to a gallery and press the embley symbol or press the "E" key to switch between the two.
• Feature Name: Video Swap Banner - Home
• Collection: Video Swap Banner
• Class: custom-video-swap-banner

GO TO SETTINGS

• The custom-index-slideshow can be controlled by list items within a text feature with the custom-index-slideshow-list class.
• Feature Name: Horizontal Section - Index Slideshow - Boarding
• Collection: Index Slideshow
• Class: custom-index-slideshow

GO TO SETTINGS

• The custom-tabbed-slideshow will allow you to show/hide a corrosponding display and/or text feature with the same name as the heading in the gallery items description: <h4>curious</h4> display class: custom-curious
• Feature Name: Tabbed gallery control
• Collection: Tabbed gallery control
• Class: custom-tabbed-slideshow

GO TO SETTINGS

• Adding a youtube or vimeo link to a gallery slide will populate a iframe video in place of the uploaded imag
• Feature Name: Hero Banner - Iframe Video
• Collection: Hero Banner
• Class: custom-iframe-video

GO TO SETTINGS

• Feature Name: Related Posts
• Collection: Related Posts
• Class: custom-related-display

GO TO SETTINGS

• This display is controlled (shown/hidden) by the custom-tabbed-slideshow gallery feature, just give the description a <h4>curious</h4> and its class should match class: custom-curious
• Feature Name: Tab Controlled Display - Curious
• Collection: Tabbed gallery control
• Class: custom-related-display custom-curious custom-hidden

GO TO SETTINGS

• Feature Name: Related - Entry - Home
• Collection: Related Display
• Class: custom-related-display custom-related-alternate

GO TO SETTINGS

• Add on: custom-blog-text-limit
• This will limit description text to 5 lines in dis.

• The custom-scrollable-text will allow you to define some heading text and when you set your selection of text to computer code, that text will transition its color to white on scroll.
• Feature Name: Scrollable Text
• Collection: Scrollable Text
• Class: custom-scrollable-text

GO TO SETTINGS

• The custom-index-slideshow-list when set to a feature that has list items will control the gallery that has the custom-index-slideshow class.
• Feature Name: Custom Horizontal Section - Index List - Adventure and service
• Collection: Index List
• Class: custom-index-slideshow-list

GO TO SETTINGS

• This text feature is controlled (shown/hidden) by the custom-tabbed-slideshow gallery feature, just name the class so that it matches the display features class class: custom-curious
• Feature Name: Display - Heading - Curious
• Collection: Tabbed gallery control
• Class: custom-display-heading custom-curious custom-hidden

GO TO SETTINGS

• With the custom-gap class you can use a number between 0-999 to adjust the gap between the cells
• Class: custom-gap-100 (to be added to the table class within the editor)

disable-curved-image-edges

• the disable-curved-image-edges class will remove the curved edges from images within a table
• Class: disable-curved-image-edges

• This is used in tables in the horizontal sections, the custom-has-image-align will align the headings so it matches up with the image in the second table cell.
• Class: custom-has-image-align

• The has-crest-left/right classes will apply the Embley crest as a backgroung image to the section of the feature.
• Class: has-crest-left (aligned to the left)
• Class: has-crest-left (aligned to the right)

• The below classes apply the Embley crest to the title headings on certain features
• Class: has-heading-crest-copper
• Class: has-heading-crest-green

• With the custom-width class you can use a number between 0-100 to adjust the width of a feature

• Class: custom-width-70

• When the custom-horizontal-section class is added to a feature, it will automatically create a container that will enable the horizontal scrolling feature and find all features with that class.
• Feature Name: Horizontal Section
• Collection: Horizontal Section
• Class: custom-horizontal-section

GO TO SETTINGS

• The custom-last-horizontal-section can be added onto the custom-horizontal-section class which will set the feature to be 100% width in the horizontal container
• Feature Name: Horizontal Section
• Collection: Horizontal Section
• Class: custom-last-horizontal-section

GO TO SETTINGS

• The custom-numbered-item can be added onto the custom-horizontal-section to enable a numbered item style for your horizontal item
• Feature Name: Horizontal Section - Numbered Item 1
• Collection: Horizontal Section
• Class: custom-numbered-item

GO TO SETTINGS

• The custom-align-top or custom-align-bottom can be added onto the custom-numbered-item to align the item to the top or bottom of the section
• Feature Name: Horizontal Section - Numbered Item 1
• Collection: Horizontal Section
• Classes: custom-align-top or custom-align-bottom

GO TO SETTINGS

• The custom-image-small class when applied to the class propery of an image in a text feature will reduce the width of an image above 900px screen width and then switch to 100% image width below the 900px screen width.
• Class:  custom-image-small

GO TO SETTINGS

Adding this to a paragraph within a text feature will keep the year up to date with the current year, regardless of the year typed into the span.
<span id="current-year">2022</span>

Example (set to 2022): 2022