Cards section
This section allows you to display multiple cards side by side. An icon is displayed next to each card. There is also a free text field at the top of this section where you can enter a title and accompanying text, for example.
Go through the following steps to add this section:
- Log into the CMS and go to the website editor.
- Go to the page where you want to add the page section.
- Hover your mouse over the screen where you want to add the section so that a green block becomes visible in the middle of the screen. Move your mouse over this so that the text + Page Section appears. If you click on this the editor window will appear, here you can choose which section you want to add, choose Cards section in the overview or search for 'Cards section'.
Four tabs appear in the editor window:
In the Settings tab, you need to fill in a number of things:
- Name: Here you need to enter a name for the section. This will not be displayed on the website itself. The name is used in the editor to indicate the order of sections under Post settings, or you can select a section name to create an internal link.
- Cards: To add a card, click on + Add new card. A new screen will open. First, select the correct icon from the Media Library. A special folder with icons has been created in the Media Library. Next, enter the title, subtitle, and text. Then click on Apply and create the next cards.
In the Styling tab you specify how much space you want above and below the section. This can be a fixed space, or you can enter your own value. The width can be different for desktop and mobile, so you'll find the same settings here twice; for mobile and for desktop.
The settings in the Colors tab allow you to change the background color of the section and the text color. You can choose from the colors from the design (these are set in 'Site settings') or you can choose your own color.
If you click on the three dots at the top, you have the option to delete the section. If you click on the two overlapping squares, you can place the section on your clipboard. You can then paste the section with all settings and content onto another page. You can read more about this in the section Duplicate (reuse) section.