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 "slider," the hero takes on a "fan-like" layout. The users can see the current hero image while seeing parts of the images that are to come. 

Product recommends using 4 images in slider view; can use 3 if necessary. Do not recommend using any more or less than 3-4 images. 

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 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

• Top/bottom hero text alignment will not work for slider view; text will always appear in the middle of the given hero image
• Text may overlay differenty 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