EverWeb Widgetbox

Text Wrap Around Click Expand Image

Text wrap with a twist. The wrapped image will expand when clicked so that thumbnails in a column can be view at a larger size. Click the enlarged image to make it vanish into thin air - without the puff of smoke.

Text Wrap Image Widget
click expand wrap widget

Image Expand On Click

Text wrap with a twist. The wrapped image will expand when clicked so that thumbnails in a column can be view at a larger size. The large image can be dismissed by clicking or tapping anywhere off the image.

click expand text wrap image

Make sure the large image is created at the size it is required to appear in the browser and that the thumbnail is cropped to a suitable size before importing into EverWeb.
Enter the heading and first paragraph.
Choose the thumbnail image, enter alt text for SEO and adjust its relative width using the slider.
Enter the wrap text.
Adjust the widget's size using the drag handles or the Metrics insepector.
Choose the large image.
Select the required container type.
Set the background color and padding if required.
Set the border width, color and corner radius if required.
Set the box shadow color and radius if needed.
Set the font family, size and color.
Adjust the line height to effect the way in which the text wraps the image.

click expand wrap widget

HINTS:

The HTML for an ampersand is &

The HTML for a line break is <br>

Get The Widget
click expand wrap widget

This widget is include in the Text Widgets pack.