Row

Attributes

Attribute Description Values Default
wrap Wrap the content within the row true, false true
padding Defines a fixed padding pixels, pt, em, % N/A
pattern Set a background pattern true, false false
bg_color Define a custom background color HEX or RGB value N/A
bg_image Define a custom background image URL N/A
bg_repeat How the background-image repeat repeat, no-repeat, repeat-x, repeat-y no-repeat
bg_position How to position the background-image Learn more N/A
bg_size Specifies the size of the background-image Learn more N/A
bg_attachment New Set the background-attachment property scroll, fixed fixed
text_color Define the text color HEX value N/A
text_align Define the text alignment left, right, center, justify left
parallax New Enable parallax support true, false N/A
height New Define the height of the row pixels, pt, em, % N/A
Demo
[row wrap=”false” bg_color=”#f2f2f2″ padding=”48px 48px”]

This row contain two columns.

1/2
1/2
[/row] [code source=”html”] [row wrap=”false” bg_color=”#f2f2f2″ padding=”48px 48px”]

This row contain two columns.

1/2
1/2
[/row] [/code] [row wrap=”false” bg_color=”#000000″ pattern=”true” text_color=”#a2a2a2″ padding=”72px”]

This row has a custom background pattern defined.

[/row] [code source=”html”][row wrap=”false” bg_color=”#000000″ pattern=”true” text_color=”#a2a2a2″ padding=”72px”]

This row has a custom background pattern defined.

[/row][/code] [row wrap=”false” bg_image=”http://forma-design.net/wp-content/uploads/2014/11/dark-mountain-3182.jpg” bg_size=”cover” padding=”192px” text_align=”center”]

This row has a custom background image defined.

[/row] [code source=”html”][row wrap=”false” bg_image=”http://forma-design.net/wp-content/uploads/2014/11/dark-mountain-3182.jpg” bg_size=”cover” padding=”192px” text_align=”center”]

This row has a custom background image defined.

[/row][/code] [row wrap=”false” parallax=”true” bg_image=”http://forma-design.net/wp-content/uploads/2014/11/dark-mountain-3182.jpg” padding=”192px” text_align=”center”]

This row has parallax functionality defined to true.

[/row] [code source=”html”][row wrap=”false” parallax=”true” bg_image=”http://forma-design.net/wp-content/uploads/2014/11/dark-mountain-3182.jpg” padding=”192px” text_align=”center”]

This row has parallax functionality defined to true.

[/row][/code]