Columns overlay

The Overlay controls allows to govern the overlay of Columns blocks. To apply an overlay, you have to select a Overlay Type first, by clicking on the appropriate control.

Color overlay

1. Color palette: select the overlay color from the interactive color picker.
2. Color opacity: define the overlay opacity value.

Color palette

The Color control allows you to choose a preset from a globally-defined colors via theme support or to define a custom one.

Color opacity

This control allows you to control the opacity of the overlay color relative to the rest of the page, with values ranging from 0 to 100.

Color gradient

1. Gradient palette: select the overlay gradient from the interactive picker.
2. Gradient opacity: define the overlay opacity value.

Gradient palette

The Gradient control allows you to choose a preset from a globally-defined gradients via theme support or to define a custom one.

Gradient opacity

This control allows you to control the opacity of the overlay gradient relative to the rest of the page, with values ranging from 0 to 100.