Color Overlay

Adding Color Overlay to a Fancy Page Header

  1. On LoftBuilder editor screen, click Page Header in LoftBuilder main toolbar.
  2. In the settings panel, find Fancy Header option, click it to enable.
  3. More options show. Find Color Overlay options.
  4. Click to enable it, then pick a color from the color picker.
  5. Drag the slider to adjust its opacity.
  6. Save settings.

page-header-color-overlay

Adding Color Overlay to a Section

  1. On LoftBuilder editor screen, activate the content edit mode.
  2. Move your cursor onto a section. Click (Settings) button in the section toolbar to open the Section Settings panel.
    section-settings-2
  3. Click Background tab, scroll down to the bottom, find Color Overlay options.
  4. Click to enable it, then pick a color from the color picker.
  5. Drag the slider to adjust its opacity.

A section with color overlay:

section-with-color-overlay

Adding Color Overlay to a Column

  1. On LoftBuilder editor screen, activate the content edit mode.
  2. Move your cursor onto a column.
  3. Click (Settings) button in the column toolbar to open the Column Settings panel.
  4. Click Background tab, scroll down to the bottom, find Color Overlay options.
  5. Click to enable it, then pick a color from the color picker.
  6. Drag the slider to adjust its opacity.

A column with color overlay:

column-with-color-overlay