Column

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

1. move column left

Move the column one further to the left.

2. move cloumn right

Move the column one further to the right.

3. add cell

Adds a cell at the end on the right.

4. open / close edit column

Opens and closes this edit settings of the column.

5. width of column in %

The width of the column can be entered here as a percentage. 

By default, the same value is used for several columns. If several columns are to have different widths, these can be entered here. All percentages should not exceed the total value of 100.

6. minimize / entlarge column

Closes and opens the column.

7. background color

The background color for the column can be defined here. To remove this again, you can use the "transparent" button.

8. background image

The link (URL) to a background image for the column can be entered 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
  • 25px 50px
    • top and bottom paddings are 25px
    • right and left paddings are 50px
  • 25px
    • all four paddings are 25px

10. CSS class

CSS classes can be specified here.

11. CSS style

Individual CSS styles can be specified here.

12. order column by small screen size

If there are several columns, the order of the corresponding column can be specified here when the page is displayed on a tablet or smartphone. The default is 0, which means that the order is not changed. If the order is to be changed, no order value should have 0.

12. dublicate this column

This button can be used to duplicate the colum. It is appended at the end and can then be moved to the desired position using the left and right buttons.

13. order column

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

14. delete row

The column can be deleted with this button. The last column cannot be deleted. There must always be at least one column.