Photocard widget

The photocard is similar to the jumbotron, but scaled down and simplified into a widget.

Datadef elementDescription
WidthIndicates the width of the widget relative to the total amount of horizontal space available. Note that including a secondary navigation or sidebar on your page will decrease the total horizontal space available for widgets. This setting affects widget widths on large screen sizes only.
Background imageThe image to be used as the widget background.
Overlay valueIndicates whether the text overlay background is light or dark.
Content placementPositions the widget content to the bottom, left, or right of the widget.
Content alignmentIndicates whether the widget content (including the widget header) is left- or center-aligned.
ContentThe content to displayed in the widget.
Include button linksIndicates whether one or more button links are included folloiwng the widget content.
Button linkRefer to 'Working with buttons'.

Examples

Photocard with bottom-placed content and dark overlay.
Above: photocard with bottom-placed content and dark overlay.

Photocard with bottom-placed content and light overlay.

 Above: photocard with bottom-placed content and light overlay.

Photocard with left-placed content and light overlay.

 Above: photocard with left-placed content and light overlay.

Photocard with right-placed content and light overlay.

 Above: photocard with right-placed content and light overlay.