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]