ThemeKit Text Stacker

The item has a full size image in the background with the content in an overlay. The overlay has a grid layout and the content is centered horizontally and vertically.
Image
The image is inserted in two sizes using an HTML5 <picture> element rather than in the background. This allows the image to have alt text for the search engines and screen readers.
Content
The content is in an HTML5 <article> element which has a heading, text and an optional link.
The sub headings are created using spans and the widget has controls for setting the span font size and color.
The <article> has a responsive width with a maximum width setting and its background color has an opacity slider.

Info

Stacker Info

The stacker widgets are designed to show panels that fill the viewport of the browser or device window and scroll up using mouse/trackpad or the scroll arrows at the left of the window. The scroll arrows can be hidden on phones if required.
Scroll & Stick
This is a completely new design concept that uses the CSS position "sticky". When set on the parent container, this allows the child elements to scroll up and stick at the top - or at any preset distance from the top.
The EverWeb responsive page wraps each item in a container with size and positioning info. This container has the option to add a custom class which - in this case - is used to inject the code for the sticky positioning.

Stacker Info Widget

This is a content widget with heading, text and up to three optional link. It can be set to viewport height for slide over or for infinite height when it is the last content module on the page. Using infinite height allows all the content to be viewed even if it excedes the viewport height.
Content
There is an optional heading, a text block and three optional links which can be configured to open internal or external pages and have a new window option.
Spans
There are controls for styling span tags which can be used as sub headings. Spans are created by inserting text in span tags <span>Text</span>
Custom Code
More experienced users can enter any custom code in the box provided at the bottom of the widget settings panel.