Related Links & Videos
Feature List Widget Properties
PROPERTY | DESCRIPTION |
Visible | Checking and unchecking the checkbox toggles widget visibility on the page. This allows for prepping the content in edit mode before widget debut. |
Items per row (large screens) | Select 1-8 total items |
Items per row (medium screens) | Select 1-8 total items |
Items per row (small screens) | Select 1-3 total items |
Gutter Type | Select from: • Padding X • Padding Y • Margin X • Margin Y |
Graphics Alignment | Select from: • Align Left • Centered • Align Right |
Buttons Alignment | Select from: • Align Left • Centered • Align Right |
List Item Background Color | The background color attribute effects the color behind the photo, text and buttons in the list item. Initially, Default is selected, which is no color added. Select from your custom brand colors or grayscale options from the menu. Additionally, you can select any color by adding the hexidecimal color code. Below is the list of Background colors that can be selected: • Default (None) • Primary • Primary Color - Light • Primary Color - Dark • Secondary • Secondary - Light • Secondary - Dark • Gradient • White • Light Gray • Medium Gray • Dark Gray • Black • Custom (enter color in hex format – ex. #2c6090) |
Background Height Alignment | The checkbox aligns all the list items background colors be aligned at bottom as a design feature |
Invert Text Color | Typically the widget can guess if the text should be dark or white depending on what color background is behind it. But if the visual can be improved by a change from one to the other, click the Invert Text Color checkbox. |
Flip Layout | The Flip Layout checkbox swaps the text box on the right layout to a text box on the left layout to add variety to the design. |
Background Color | The background color attribute effects the color behind the text, buttons and the image to the full width of the page. Initially, Default is selected, which is no color added. Select from your custom brand colors or grayscale options from the menu. Additionally, you can select any color by adding the hexidecimal color code. Below is the list of Background colors that can be selected: • Default (None) • Primary • Primary Color - Light • Primary Color - Dark • Secondary • Secondary - Light • Secondary - Dark • Gradient • White • Light Gray • Medium Gray • Dark Gray • Black • Custom (enter color in hex format – ex. #2c6090) |
[Background Image Small] | Clicking the Select button opens a dialog box allowing you to select an image via the Media Library Application. For the medium background image for tablets the recommended size is 640 x 640 pixels. Image should not be more than 100kb in file size. |
Background Image Medium | Clicking the Select button opens a dialog box allowing you to select an image via the Media Library Application. For the medium background image for tablets the recommended size is 1024 x 512 pixels. Image should not be more than 100kb in file size. |
Background Image Large | Clicking the Select button opens a dialog box allowing you to select an image via the Media Library Application. For the large background image for desktop the recommended size 1920 x 640 pixels. Image should not be more than 100kb in file size. |
Margin | Use margin to increase spacing between the Feature Callout widget and other widgets on the page. This is helpful to provide visual room between elements and increase readability. Top User can select from 1-5 rems to increase spacing above the feature callout background area Bottom User can select from 1-5 rems to increase spacing below the feature callout background area Right User can select from 1-5 rems to increase to the right of the feature callout background area Left User can select from 1-5 rems to increase spacing to the left of the feature callout background area |
Padding | Use padding to increase spacing within the feature callout background area. This is especially useful when using a background color to provide space between the text/buttons content and the outside edges of the feature callout rectangle. Top User can select from 1-5 rems to increase room in the top of feature callout background area Bottom User can select from 1-5 rems to increase room in the bottom of the feature callout background area Right User can select from 1-5 rems to increase room in the right of the feature callout background area Left User can select from 1-5 rems to increase room in the left of the feature callout background area |
Applications
Pages
Sections
Widgets
Elementum Tempus
Leo integer malesuada nunc vel. Laoreet suspendisse interdum consectetur libero. Aenean vel elit scelerisque mauris pellentesque pulvinar. Eros donec ac odio tempor orci dapibus ultrices. Suspendisse interdum consectetur libero id faucibus nisl. Posuere morbi leo urna molestie at.
Test Change
Morbi tristique senectus et netus et. Aenean et tortor at risus viverra adipiscing at in. Cras ornare arcu dui vivamus arcu. Pretium viverra suspendisse potenti nullam ac tortor vitae purus faucibus. Cursus sit amet dictum sit amet justo donec.
Lacus Vestibulum
Eget mi proin sed libero enim sed faucibus turpis in. Suspendisse potenti nullam ac tortor vitae. Quis commodo odio aenean sed adipiscing diam. Sed velit dignissim sodales ut eu sem. Felis imperdiet proin fermentum leo vel orci porta non pulvinar.
Condimentum Vitae
Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque. Est ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Platea dictumst quisque sagittis purus. At consectetur lorem donec massa sapien faucibus et molestie ac.
Lorem Ipsum Dolor
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Aliquip ex ea Commodo
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Quis Nostrud Exercitation
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
YouTube
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.