Related Links & Videos
Properties
| PROPERTY | DESCRIPTION |
| Name (required) | Text entry field for image name |
| Image |
|
| Header Text | Text entry field for a limited large headline. This will give you big bold text across your Hero Image |
| Enable H1 header tag | Checkbox to enable the header text designated as an H1 tag for improved SEO |
| Description | Text entry field for small paragraph text across your Hero Image |
| Number of Buttons | Select from menu:
|
| Button [1 or 2] Text | Enter text to be featured on each button. Typically shorter text is better for ease of reading and to keep the design tidy. If text field is blank, the button will not display. |
| Button [1 or 2] URL | The URLs attached to the button can simply link to another page of the website, to an anchor link on a page, to a different website, can automatically open a pre-addressed email, link to a phone number or a document from the Media Library Application. |
| Button [1 or 2] Color | Select from: • Default (None) • Primary • Primary Color - Light • Primary Color - Dark • Secondary • Secondary - Light • Secondary - Dark • Gradient • White • Light Gray • Medium Gray • Dark Gray • Black |
| Button [1 or 2] Style | Select pre-built style options from the menu. Note that if two buttons are featured, each one may have its own style. Below is the list of styles that can be selected: • Default - a rectangular shape with a solid-color fill • Round - a pill shape with a solid-color fill • Radius - a rectangle with slightly rounded corners with a solid-color fill • Hollow - a rectangular outline shape with a transparent fill • Expanded - an extra-wide rectangular shape with a solid-color fill • Disabled - a rectangular shape faded back to denote that it is disabled • Clear - a transparent button with only text visible |
| Open in New Tab (Button [1or 2]) | Checkbox toggles between button url opening in the same browser window or in a new browser tab |
| Text Background Color | The background color attribute effects the color behind the text and button in the feature. Initially, Default is selected, which is no color added. Select from your custom brand colors or grayscale options from the menu. Below is the list of Background colors that can be selected: • Black Overlay (Default) • Primary Color • Primary Color Multiply 90% • Secondary Color Multiply 90% • Secondary Color Overlay 90% • White 75% • Light Gray 75% • Medium Gray 75% • Dark Gray 75% • None |
| Image Alt Text | This attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error, or if the user uses a screen reader). Optional but recommended. |
| Custom CSS Class | Selecting alternate layouts in CSS Class unlocks a wide selection of looks for your Hero Image. Select from: • Layout A – Text Box Centered (default) • Layout B – Text Box Left Aligned • Layout C – Full Image Centered • Layout D – Text Box Right Aligned • Layout E – Text Box Wide Centered Top • Layout F – Text Box Wide Centered Bottom • Layout G – Full Background with Text Borders • Layout H – No Button Shown – Image Clickable (URL required or Slick Slider will not appear on page) • Layout I – Default layout (usually a custom design) • Layout J – Text Box Floating Left • Layout K – Text Box Floating Right |
| Publishing | Publish from – select date from calendar interface Publish to – select date from calendar interface |
Hero Slick Slider Widget featuring three slides created in the ATLAS - Image Page Type shown here.