Row

The edit row area contains a range of setting options, which are described below:

1. move row up

Move the row upwards.

2. move row down

Move the row downwards.

3. add column

Adds a column to the right at the end.

4. open / close edit row

Opens and closes this edit settings of the row.

5. minimize / entlarge row

Closes and opens the row. If you have several rows, you can get a better overview by closing the rows that you are not currently working on.

6. row description

A description of the row can be entered here. This is very useful for closed rows.

7. background color

The background color for the entire width of the row can be specified here. To remove this again, you can use the "transparent" button.

8. background image

The link (URL) to a background image for the entire width of the row can be specified here.

9. padding

With padding you can define the inner spacing in pixels.

The order is: top right bottom left

Examples:

25px 50px 75px 100px
- top padding is 25px
- right padding is 50px
- bottom padding is 75px
- left padding is 100px

25px 50px 75px
- top padding is 25px
- right and left paddings are 50px
- bottom padding is 75px

10. CSS class

CSS classes can be specified here.

11. CSS style

Individual CSS styles can be specified here.

12. gap

With gap you can define the distance in pixels between rows and columns.

Example for: 20px 40px

13. dublicate this row

This button can be used to duplicate the row. It is appended at the end and can then be moved to the desired position using the up and down buttons.

14. order row

This is a display without function. It shows how many rows there are and the position of the corresponding row.

15. delete row

The row can be deleted with the button. The last row cannot be deleted. There must always be at least one row.