In "Panel" > "Layout" > Example "S1 - Section" > "Section Option" > It contains some configuration options for the section itself and columns from the same section.

→ Transition - Col-4:

A transition is applied to the "4 columns", animation that moves a few pixels to the top. To activate this option, place "Yes", if you want to disable "No", or simply leave the box empty.

→ Transition- Col-3:

A transition is applied to the "3 columns", animation that moves a few pixels to the top. To activate this option, place "Yes", if you want to disable "No", or simply leave the box empty.

→ Full Viewport Height:

This unit is based on the height of the graphics window. The height adjusts automatically to the browser window, assigns "Yes", to adjust and "No", to disable.

→ Upload Background:

Load the image that will be set as background in that section.

1. Go to the "Upload Background".

2. Your link.

3. click on "choose file", and choose the image you want to upload.

4. click "Save"

→ Background Size:

The background-size property specifies the size of the background images.

Go to Section Options > "Background size" > click > "Edit" > and set the following properties to the one that suits you best.

auto | cover | contain | initial | inherit | length | percentage

Sample of properties working →

→ Background Position:

The background-position property sets the starting position of a background image.

Go to Section Options > "Background position" > click > "Edit" > and set the following properties to the one that suits you best.

left top | left center | left bottom | right top | right center | right bottom | center top | center center | center bottom | initial | inherit

Tip: By default, a background-image is placed at the top-left corner of an element, and repeated both vertically and horizontally.

Sample of properties working →

→ Background Repeat:

The background-repeat property sets whether / how a background image will be repeated.

By default, a background image is repeated both vertically and horizontally.

Go to Section Options > "Background position" > click > "Edit" > and set the following properties to the one that suits you best.

repeat | repeat-x | repeat-y | no-repeat | space | round | initial | inherit

Tip: The background image is positioned according to the background position property. If a background position is not specified, the image is always placed in the top left corner of the item.

Sample of properties working →

→ Opacity Overlay:

The "opacity" property sets the opacity level for an element.

The opacity-level describes the transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.

Go to Section Options > "Opacity Overlay" > click > "Edit" > and set the following properties to the one that suits you best.

0.0 , 0.1 , 0.2 , 0.3 , ..... to 1.0 or 1 | initial | inherit