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]