CARD@type>
Here you will learn something about the function and handling of the "Card" element
![](/media/1559/card.png)
1.1 Instructions for creating the card in Umbraco@type>
1. Open the page where the card is to be added.
![](/media/1560/page.png)
2 Insert a new line
![](/media/1563/zeile-einfuegen.png)
3. Select the number of columns
![](/media/1564/anzahl-spaten.png)
4. Click on "Add content" on the desired column
![](/media/1565/add-content.png)
5. Choose type of contet "Card"
![](/media/1566/type-of-content.png)
6.1 Edit the content of the card in the menu field
![](/media/1567/content-card.png)
Go to the instructions for the rich text editor.
6.2 Edit the content of the card in the menu field. Add a Link
![](/media/1568/add-link.png)
Add the address if it is an external page
![](/media/1569/external-link.png)
For linking on the same platform, select the desired page
![](/media/1570/interne-links.png)
6.3 Edit the content of the card in the menu field.
Add Picture shown in the header of the card.
![](/media/1571/add-picture.png)
Select an image that has already been uploaded. Or upload a new image
![](/media/1572/bild-waehlen.png)
6.3 Edit the content of the card in the menu field.
You can change the size of the image and make different colour settings.
![](/media/1573/restliche-einstellungen.png)
7. When all settings have been made, click on the "Update" button.
![](/media/1574/update.png)
Now the card is created. You can insert further cards or other elements in the remaining columns.
8. Finally, you can adjust the settings of the entire line.
![](/media/1575/settings.png)
![](/media/1576/container.png)
9. Now you can save and publish the page
![](/media/1577/save-and-publish.png)
10. Now the changes are visible on your website
![](/media/1578/fertig.png)
Weitere Artikel
Content Repo (Example: Banner)
In this instruction we will explain the function of the "Page Content" area or also called Content Repo. In this area you can create certain content, which you can then insert into elements in the Content segment. This includes contact persons, key visuals, partners and banners.
Read moreBasic functions
In this instruction we will explain how to create, delete, move, copy, sort and more pages and subpages in your Umbraco.
Read more