The Future of Joomla Website Builder Gridbox. What to Expect? Read More

Row Options

Row is a child element of the Section. Sections can include the unlimited numbers of Rows. Gridbox comes with a 10 Row Types. Row is a parent element for columns.

Row Types:

  • 1 Column (Span12)
  • 2 Column (Span6 / Span6)
  • 3 Column (Span3 / Span3 / Span3)
  • 4 Column (Span4 / Span4 / Span4 / Span4)
  • 2 Column (Span9 / Span3)
  • 2 Column (Span3 / Span9)
  • 3 Column (Span6 / Span3 / Span3)
  • 3 Column (Span3 / Span3 / Span6)
  • 2 Column (Span8 / Span4)
  • 2 Column (Span4 / Span8)

Row comes with a wide range of options.

Background Options:

Option Description
Full Width The Row will extend the full width of the browser window. Option can be used with the Full Width Section.
Bg Color Select color for the Row background.
Bg Overlay Select the checkbox to enable background Overlay option.
Overlay Color Select the color and transparency for backround overlay.
Animation Available animations: None, Bounce In, Bounce In Left, Bounce In Right, Bounce In Up, Fade In, Fade In Left, Fade In Right, Fade In Up, Zoom In.
Image Background
Upload Image Click the button "Select" to upload Row background image.
Fixed Bg Select the checkbox to enable scroll background.
Video Background
Video ID Enter YouTube video ID.
Mute Select the checkbox to repeat video.
Start, sec. Enter the YouTube video start time, in seconds.
Video Quality Select the quality of the YouTube video: 720p, 480p, 360p, 240p.

Border Options:

Option Description
Border Color Select the color and transparency for the Row border.
Top Select the checkbox to add the top border.
Right Select the checkbox to add the right border.
Bottom Select the checkbox to add the bottom border.
Left Select the checkbox to add the left border.

Padding Options:

Option Description
Padding Top, px Set the Row Top padding in pixels.
Padding Right, px Set the Row Right padding in pixels.
Padding Bottom, px Set the Row Bottom padding in pixels.
Padding Left, px Set the Row left padding in pixels.

Margin Options:

Option Description
Margin Top, px Set the Row Top margin in pixels.
Margin Bottom, px Set the Row Bottom margin in pixels.
Columns Gutter Select the checkbox to remove default spacing between columns.

Custom CSS:

Option Description
Class Suffix Enter the Row CSS class.
CSS Editor Click the button "Open Editor" to open CSS editor.