You can add rows to any landing page you create in eduConverse with the "Row" block. Once a row is added, you can adjust its size and add other blocks to it, such as text, buttons, or video. Like other blocks, you can add, edit, duplicate, and remove a "Row" block from any page.
In this article:
- About the "Row" block
- Add a row to your page
- Style and edit the "Row" block
- Duplicate a row
- Delete a row
About the "Row" block
The "Row" block is located in the right pane of the page editor.
It can contain other blocks. For example, it can contain:
There is no limit to the number of rows that can be added to a page.
Add a row to your page
To add a row to your page layout:
1. From the page editor, drag the "Row" block to your page layout.
2. Click the block in the layout to open styling and editing options in the right pane.
Style and edit the "Row" block
The "Row" block has the following style and edit options:
1. Width
Row width can be set by either px or %.
2. Background
You can add the following to a background: Color, Gradient, Image, and Video. Add as many backgrounds to your row as you like. Backgrounds stack in the order in which you add them. You can change their order by dragging-and-dropping them.
3. Inner Spacing
Type a number into the field provided to add spacing between the blocks you add into the row. Increasing inner spacing will make your row bigger on the page. You can choose which sides have inner spacing.
4. Border
Borders are set with pixels. You can choose which sides have borders. To do so, click the side of the border icon in the right bar you wish to apply a border to. You can pick one of three types of borders: solid, dashed, or dotted. Initially, it's set to solid. Note that you can also add color to borders. To do so, click the color tile then click the color you wish to apply to the border.
5. Corners
Corners are set by either px or %. You can apply a new radius to one, some, or all corners of your row. To do so, click the corner of the corner icon in the right bar you wish to adjust the radius for.
6. Drop Shadow
Access drop shadows on the selected row. Here you can choose where the drop shadow should appear and set the Offset, Blur, and Spread fields. You can add as many drop shadows as you want by clicking the plus (+) sign in the Right Bar in the "Drop Shadow" section.
7. Inner Shadow
Access inner shadows on the selected row. Here you can choose where the inner shadow should appear and set the Offset, Blur, and Spread fields. You can add as many inner shadows as you want by clicking the plus (+) sign in the Right Bar in the "Inner Shadow" section.
By default, rows are set to be mobile responsive. This means a row's columns will stack on mobile.
Duplicate a row
You can duplicate any row in your page. To do so, click the row you wish to duplicate then click the duplicate icon in the top right bar.
Delete a row
You can delete any row from a page. To do so, click the row you wish to remove then click the trash icon in the top right bar.
