The Content Card block offers three display styles. To maximize user customization, we have not set a quantity limit. Therefore, if the default layout of the Content Card you added is not aesthetically pleasing, you need to use the „Columns“ block in the design to constrain its display position and quantity.
Create a column, click the plus sign to add the „Columns“ block, select the built-in „Columns“ layout, and then insert „Content Card“.
For example, if we choose a 55% or 33% split, we can place 2 or 3 Content Cards.
This is the column layout.
Override the style selection by setting the image height to control the display height.
This is the column layout.
First create a column, then add Content Card.
Alternatively, you can create a „Stack“ or „Grid“ layout.
Stack Layout + Content Card Block
Here, the „Stack“ block is added, and the Content Card style is set to „Horizontal“.
ButtonStack Layout + Content Card Block
To achieve full-width, set „Alignment“ to „Stretch items“ in the stack settings.
ButtonThis is the grid layout.
The grid layout allows you to manually set the number of items displayed per row.
This is the grid layout.
Created „Grid“ layout + Content Card
This is the grid layout.
Created „Grid“ layout + Content Card
This is the grid layout.
Created „Grid“ layout + Content Card
This is the grid layout.
Created „Grid“ layout + Content Card
This is the grid layout.
Created „Grid“ layout + Content Card
Note:
Click the icon in the top-left corner to view the blocks used on the page, making it easier to select and configure the corresponding block.
To add spacing between blocks, you can use the „Spacer“ block.
