Component Name: Hero Single Image Slider - Full width component

About: "Hero Single Image Slider - Full width component" allows for multiple display styles, including large single image, slideshow, and slider. When the component display option is set to "slideshow," slideshow view allows for multiple images in the hero, and the numbered circle buttons allow the user to navigate between slides. An infinite number of slides can be added. 

Image Size: Background image size is required to be 1140x655. 

It works in Article template, in the following places:

• Top of Article - full width 
• Top of Article - 100% width 
• Within article body 100% column width 
• See examples

It works in Landing/Refresh template in the following size:

• Top of Article - full width 
• Top of Article - 100% width 
• See examples on this page

Styling Options 

• Font Alignment Horizontal: Left, Center, Right. All text will follow alignment selected
• Font Alignment Vertical: Top, Center, Bottom. All text will follow  alignment selected
• Font Color: Can choose unique font color for category, overlay title, overlay text, byline, credit and caption. 
• SEO heading options: For overlay title, can chose H1, H2, H3 or No H Value
• Font Styling: For overlay text only, you can hyperlink it, bold, italic, underline, bullet, number and indent the font in this section here.
• Tracking: Can select tracking value and label 
• Button: Can select text and URL

Special Notes

• Text may overlay differently across image depending on device. Check banner display in desktop, mobile, and tablet view before publishing. (Recommended Tool: Mobile/Responsive Web Design Tester for Chrome Browsers)
• Use accessibility tools to check text over background meets accessibility color contrast guidelines 
• For accessibility, careful not to have duplicate H1 tags on a page 
• No character limit, but recommend visually assessing how text adjusts over background image