Image Text Wrap
The widget creates an HTML5 container with a choice of types - article, aside or section. The container can be made responsive by checking the Full Width box in the Metrics inspector and setting a maximum width.
There is an optional h1 heading and lead in paragraph which are inserted prior to the image.
The image is inserted and alt text added for the search engine spiders.
The image is floated left and its percentage width adjust to the desired amount. This causes the optional h2 heading and the text below it to wrap.
The widget can use either a web safe font or a non websafe or hosted font with a web safe fallback.
Although not shown in this example, the container can be styled for background color and its opacity and have a border and/or box shadow with radiuses corners if required.
Note that text is entered into widgets as HTML. Find out about this in the Info Section
To create hyperlinks which are suitable for touch device users, links can be set up with a styled background and extra padding to make them an easier target for fingertips.
The controls are for color, hover color, background and opacity, hover background, text decoration, border radius and padding. It is recommended that the link top/bottom padding is set to no less than 3px. Note that the text line height should be adjusted accordingly.
See the Hyperlinks info page for how to set up hyperlinks and get them to open in a new window if required.
NOTE: The image can be created as a hyperlink to an internal or external page and also open in a new window if required.