EverWeb Codebox logo

EverWeb Widgetbox 3

Full Width Fixed Height Image
Optional Caption

Full Width Fixed Height Image

This widget can be used on the full version of the website and be replaced by smaller content width images on the tablet and smart phone versions.
It creates a full width, fixed height image with an optional, centered caption which can be placed at a variable distance from the top or bottom.
The image in this demo is 2000px wide by 600px wide which should be OK for screen widths up to that of a 27 inch iMac.

Touch Full Width Fixed Height Widget

Widget Settings

Make sure the image is imported into EverWeb at the required height and at least 2000px wide.
Check the "Full width" box in the Metrics inspector, choose the image and drag it to the required height.
Check the box if a caption is required and enter the caption text.
Set the caption font family, size, color and the background color and its opacity.
Adjust the values for top/bottom and left/right padding and set the corner radius.
Choose to situate the caption at the top or bottom of the image and set the distance from the top or bottom edge.

This widget is included in the Touch Image widget pack.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …