White space, this is all about good and minimalist design. Don’t be afraid of this short code.

Attributes

[list type=”unordered”]

  • top: top padding (default value: 8%).
  • right: right padding (default value: 8%).
  • bottom: bottom padding (default value: 8%).
  • left: left padding (default value: 8%).
  • [/list]

    Demo

    [row padding=”8%” bg_color=”#f2f2f2″]
    This row has 8% padding.
    [/row]

    [code]
    [row padding=”8%” bg_color=”#f2f2f2″]
    This row has 8% padding.
    [/row]
    [/code]

    [spacer top=”12px” bottom=”12px”][/spacer]

    [row bg_color=”#1c1c1e” text_color=”#9c9d9f”]
    [padding]This row has no padding, but the content is wrapped with a padding short code.[/padding]
    [/row]

    [code]
    [row bg_color=”#1c1c1e” text_color=”#9c9d9f”]
    [padding]This row has no padding, but the content is wrapped with padding short code.[/padding]
    [/row]
    [/code]

    [spacer top=”12px” bottom=”12px”][/spacer]

    [row bg_color=”#c1e8f3″]
    [padding top=”20%” bottom=”20%”]This row has no padding, but the content is wrapped with custom padding values.[/padding]
    [/row]

    [code]
    [row bg_color=”#c1e8f3″]
    [padding top=”20%” bottom=”20%”]This row has no padding, but the content is wrapped with custom padding values.[/padding]
    [/row]
    [/code]

    [spacer top=”24px” bottom=”24px”][/spacer]