Section Options

Sections is a fundamental object of the Gridbox layout builder. Section has a lot of options which allow you to create a really beautiful Joomla page without touching code.

Background Options:

Option Description
Full Width The Section will extend the full width of the browser window.
Fullscreen The Section will extend the full height of the screen.
Bg Color Select color for the Section 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 Section 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 Section 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 Section Top padding in pixels.
Padding Right, px Set the Section Right padding in pixels.
Padding Bottom, px Set the Section Bottom padding in pixels.
Padding Left, px Set the Section left padding in pixels.

Margin Options:

Option Description
Margin Top, px Set the Section Top margin in pixels.
Margin Bottom, px Set the Section Bottom margin in pixels.

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