EverWeb Widgets

Marketing Text/Image Banner

Responsive Text & Image Banner

The image occupies 3 of 5 columns and appears on top of the text on mobile.
CTA Style link to external page with new window option.

More Info
Responsive Marketing Banner

Options

Image left and appears below the text on mobile devices.
Internal text link with options for "Apple" style chevron or double chevron.

More Info
Responsive Marketing Banner

Marketing Text/Image Banner

The responsive container can either be full width or be centered with a maximum width setting.
The number of grid template columns can be set and the column spans for the text section and the image entered into the boxes provided.
In the item above, the grid has 5 columns.
The image is set to start at column 1 and span 3 columns.
The text is set to start at column 4 and span 2 columns.
Note: The grid can be set to any number of columns and the grid items can span the appropriate number of columns to get the required relative widths.
Image
The image should be cropped to the maximum width that it will be displayed at before importing into EverWeb. An image width of 960px is large enough for most purposes.
Text
The heading and text have controls for adjusting the font size for normal and mobile. There is a maximum width control for limiting its width when required.
There is a control for adjusting the vertical spacing of the heading, text and link when present.
Link
The link has two options for style - an "Apple" style text link with chevron or double chevron or a CTA style link. If only one chevron is required, delete one instance of "\203A" or delete both for no chevron.
The link can be configured to open internal or external pages and in a new window if required.

© EverWeb Widgets -