Padding
White space, this is all about good and minimalist design. Don't be afraid of this short code.
Attributes
| Attribute | Description | Values | Default |
|---|---|---|---|
| top | Define top padding | pixels, pt, em, % | 8% |
| right | Define right padding | pixels, pt, em, % | 8% |
| bottom | Define bottom padding | pixels, pt, em, % | 8% |
| left | Define left padding | pixels, pt, em, % | 8% |
Demo
This row has 8% padding.
[row wrap="false" padding="8%" bg_color="#ffffff"] This row has 8% padding. [/row]
This row has no padding, but the content is wrapped with a padding short code.
[row wrap="false" bg_color="#1c1c1e" text_color="#9c9d9f"] [padding]This row has no padding, but the content is wrapped with padding short code.[/padding] [/row]
This row has no padding, but the content is wrapped with custom padding values.
[row wrap="false" bg_color="#c1e8f3"] [padding top="20%" bottom="20%"]This row has no padding, but the content is wrapped with custom padding values.[/padding] [/row]