Mobile HTML Heading
The widget can be used to create an h1 through h4 HTML heading. The most common use would be for the h2 page name situated immediately below the header or an h3 section heading in situations where one of the mobile container widgets has not been used.
The heading can be made responsive by checking the Full Width box in the Metrics inspector and setting the maximum width.
If the heading is wider than the page content width, leave enough room below it to allow the text to return to a second line when viewed on a mobile phone in portrait mode.
The first example is an h2 heading with basic text styles. The font can be either a websafe one or a non websafe or Google hosted font with a web safe fallback.
There are controls for adjusting the font size, style, weight, alignment, line height, color and letter spacing.
The line height control is used when the heading has two or more lines. Use the HTML line break <br> to create returns.
Checking a box allows adding a text shadow and styling the heading container.
The text shadow has controls for shadow radius and color.
The container background color can be set and its opacity adjusted.
The top/bottom and left/right padding can be adjusted individually.
The border controls are for width, color and radius.
The container box shadow can be adjusted for shadow radius and color.
This is a very simple cookie warning bar which is required by law on any website which provides goods or services to residents of European countries.
The bar appears on page load fixed to the top or bottom of the page. It has a warning message and a close button.
The text can use a web safe font or non web safe or Google hosted font with a web safe fallback and can be styled for size, color and background color.
The close button can be styled for color and background color.
A cookie expiration can be set as any number of days if required. Otherwise it should be left at zero.