Featured Links Blocks
Description
The Featured Links component is used for displaying two clickable content blocks.
Featured Links Widget Types:
- Featured Links: A Featured Link component that displays two columns with text, optional icon and background image.
Featured Links
Configuration
Create a new Section in the content builder and select the two column layout.
Add a HTML Markup Widget inside the first column with the following code:
<input
name="open-section"
data-section="featured-links"
value="featured-links"
/>Add a Rich Content Editor Widget in the first column inside the section.
Upload the optional icon inside the widget, select the predefined format so the image remains inside a p tag
The headline must be a Heading 3, and the description must have the predefined format.
Use a link anchor tag to create the full content clickthrough. The full content clickthrough is a transparent overlay that makes the content clickable.
Add a second Rich Content Editor Widget and upload the image to be used as background. The imagens used for background must be 1200x800px.
Usage
After including the HTML Markup Widget to inform that the specific element is a Featured Links component, various css classes can be added to value in order to costumize it.
Font color:
font-slate
font-soft-white