Marketing Modules

The modules sit side by side on wider screens and then switch to vertically stacked at screen widths below the break point. Each item has a responsive image with alt text and an optional triangular sale tag at the top left. The text block can be located above or below the image.
Image
The images should be cropped to the maximum width that they will be displayed at before importing into EverWeb and have the same size and aspect ratio. An image width of 600px is large enough for most purposes.
Text
The text block has a heading, an optional span for price or other info, a paragraph and a CTA style link. The span has its own controls for font size and color and the vertical spacing of the items can be adjusted..
The font can be web safe or non websafe or Google hosted with a web safe falllback.
Link
The CTA style link can be configured to open internal or external pages and in a new window if required.
Container
The item spacing is adjusted using the "grid-column-gap" property and the left right padding can be adjusted to suit. The container has controls for adjusting the background color and its opacity and the vertical spacing from the items above and below.