Row
Row create a container around your content, such as columns or to create content sections with different background colors.
Attributes
| Parameters | Description | Values | Default |
|---|---|---|---|
| padding | Defines a fixed padding | pixels, pt, em, % | N/A |
| 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 | 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 | Enable parallax support | true, false | N/A |
| height | Define the height of the row | pixels, pt, em, % | N/A |
Demo
This row has 2 columns inside.
Left column.
Right column.
[row padding="5% 5%" text_align="center"] [col6 bg_color="#f9f9f9" padding="2%"]Left column.
[/col6] [col6 bg_color="#f9f9f9" padding="2%"]Right column.
[/col6] [/row]
This row has parallax functionality defined to true.
[row parallax="true" bg_image="https://themes.simonbouchard.com/collektion/wp-content/uploads/sites/3/2015/04/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg" padding="10% 5%" text_align="center"] [col12]This row has parallax functionality defined to true.
[/col12] [/row]
This row has parallax functionality defined to false.
[row parallax="false" bg_image="https://themes.simonbouchard.com/collektion/wp-content/uploads/sites/3/2015/04/HWijjF7RwOPGEJ1nb4Zb_IMG_3773.jpg" padding="5% 5%" text_align="center" bg_position="50%" ] [col12]This row has parallax functionality defined to false.
[/col12] [/row]