Full Width Fixed Height
Center Caption Image

Full Width Fixed Caption Image

Full Width Fixed Height & Fixed Position

This full width, fixed height image can also be fixed in position to prevent it moving on scroll as in this example.
The Full Width Rectangle is used to create the slide over layer beneath it.
The center caption can be set at any distance from the top and has a lot of styling options.

Full Width Image Widget
Full Width Image

Full Width Fixed Height & Fixed Position

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.
Enter the caption font family, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the font size, color and the background color and its opacity.
Adjust the values for top/bottom and left/right padding and set the corner radius.
To add a box shadow, set the radius and color.
To add a border, set its width and color.
Adjust the position of the caption relative to the top of the image.

This widget is included in the Full Width widget pack.

EverWeb Widgets | Full Width