Row
Use the row to create a container around your content, such as columns or to create content sections with different background colors.
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
This row contain two columns.
1/2
1/2
[row wrap="false" bg_color="#f2f2f2" padding="48px 48px"]This row contain two columns.
[one_half bg_color="#c1e8f3" padding="4%"]1/2[/one_half] [one_half bg_color="#c1e8f3" padding="4%" last="true"]1/2[/one_half] [/row]
This row has a custom background pattern defined.
[row wrap="false" bg_color="#000000" pattern="true" text_color="#a2a2a2" padding="72px"]This row has a custom background pattern defined.
[/row]
This row has a custom background image defined.
[row wrap="false" bg_image="https://themes.simonbouchard.com/studio8/wp-content/uploads/sites/2/2014/11/dark-mountain-3182.jpg" bg_size="cover" padding="192px" text_align="center"]This row has a custom background image defined.
[/row]
This row has parallax functionality defined to true.
[row wrap="false" parallax="true" bg_image="https://themes.simonbouchard.com/studio8/wp-content/uploads/sites/2/2014/11/dark-mountain-3182.jpg" padding="192px" text_align="center"]This row has parallax functionality defined to true.
[/row]