The Skills List is a list of fields with specialized content within them, containing an image, a header, a paragraph and a button.
You can customize this element as a whole or edit each element separately.
Adding the Skills List
1. Find the Skills List element in the toolbar on the left-hand side under "More elements".
2. Drag-and-drop it into a form or anywhere on your landing page.
Adding links to the Skills List
3. Add links to icons, images, buttons and text areas to make them interactive make the user journey continuous.
For example, select the Button element within the Skills List and click the Pencil icon to see all link options.
A window will open, providing you will all available link options, such as:
Redirect link to:
- Website URL
- Popup
- Page
- Email Address
- Social Share
Submit form data and go to:
- Website URL
- Popup
- Thank You Step
Click the Close icon to close the link options window and save your link settings.
Formatting the Skills List
4. Edit the number of columns in your Skills List and their layout.
Start by selecting the COL MD-4, as shown in the screenshot, and clicking the Copy icon in the formatting toolbar. This will duplicate the first column.
Now, click "Edit Columns" to change the layout.
Tip: The name of the columns element changes depending on its layout.
For example, COL MD-4 means that it's a medium size column that takes up 4/12, or a third, of the element.
Once you add another column, it will be renamed to COL SM-3, meaning that it's a small size column that takes up 3/12, or a quarter, of the element.
5. In the column layout window, you can change the layout of columns, add/remove them, and make them of equal width.
Click the layout highlighted in the screenshot below to create space for the column that we created in the previous step.
Click "Save & Close" to save the new layout.
Tip: In the formatting toolbar of various elements, you can copy, lock, change layouts, add links, remove or edit elements.
6. To edit or change an Image, select it and click the Pencil icon.
Click "Media Manager" in the Inspector tab to upload a new image from your computer or the web.
Click the Chainlink icon in the formatting toolbar to add a link to your image.
Tip: Learn more about uploading images here.
Customizing the Skills List
7. Find more customization options in the Inspector tab. Just select the element you want to edit.
You can add a background color, image or gradient, add shadows to texts and text containers, add borders and change their roundness, set padding and margin to adjust text position.
You can also change the text color using the color picker, make it bolder or thinner and adjust its size.
Tip: You can edit every element contained in the Skills List, including Images, Icons, Headers, Paragraphs and Buttons.