KINSHIPRESOURCE – Cards Grid
KINSHIPRESOURCE – Cards Grid Content Type
ID: 344
Name: KINSHIPRESOURCE – Cards Grid
Description: Adds a card, with an image and title, to a grid. There is no limit of how many cards you can have
Instructions
Required for Each Grid Card
- Title - the title of an card, will display in a bar under the image
- Image - add an image to display in the card
- Overlay Image - select an image that will display when a user hovers over the card
- Overlay Background Color - the background color for the overlay that displays when a user hovers over a card
- Either a Card Link Internal (to somewhere within the website) or Card Link External (an external URL) must be added for a card to display
Notes
- No minimum or maximum card limit
- Adjacent cards automatically combine into a group of cards
- Each card is created as a separate content item
Example
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | true |
| Image | Select an image for the card | 80 Characters | Media | true |
| Title | Title of the component | 50 Characters | Plain Text | true |
| Overlay Image | Select icon to show when card is hovered | 80 Characters | Media | true |
| Overlay Background Color | Select background color for overlay | 80 Characters | Select Box | true |
| Card Link Internal | Select a section or piece of content to link to | 80 Characters | Section/Content Link | false |
| Card Link External | Enter an external URL to link to | 320 Characters | Plain Text | false |
