The photocard is similar to the jumbotron, but scaled down and simplified into a widget.
| Datadef element | Description |
|---|---|
| Width | Indicates 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 image | The image to be used as the widget background. |
| Overlay value | Indicates whether the text overlay background is light or dark. |
| Content placement | Positions the widget content to the bottom, left, or right of the widget. |
| Content alignment | Indicates whether the widget content (including the widget header) is left- or center-aligned. |
| Content | The content to displayed in the widget. |
| Include button links | Indicates whether one or more button links are included folloiwng the widget content. |
| Button link | Refer to 'Working with buttons'. |
Examples
Above: photocard with bottom-placed content and dark overlay.
Above: photocard with bottom-placed content and light overlay.
Above: photocard with left-placed content and light overlay.
Above: photocard with right-placed content and light overlay.