Section background

Section in Visual Page Builder has additional background options, that let you add fullwidth image or video backgrounds. In order to customize section background options, press Edit button in the upper right corner of the section.There appears pop up with available options:

  1. Content width: lets you control width of the content elements inside section.
  2. Full Height: you can make section full height and adjust additional settings for it: - set content in the middle of section; - enable content at the bottom of section: arrow, social buttons etc; - enable white border around section
  3. Default font color schema: lets you choose between light and dark font color for the section.
  4. Horizontal align: allows to align content left, right or center.
  5. Margin bottom: you can control height of the section bottom margin.
  6. Background options: lets you add media to the section background and adjust additional settings.
  7. Additional classes: you can add custom classes to this field if you need to make custom adjustments.
  8. Inline style: you can input custom CSS codes that will be applied only for the current section.

Background options

Press Edit Background button to call background options pop-up:

  1. You can select type of the background: image or video
  2. Background color: as needed, you can set background color instead of image or video
  3. Background: upload image that will be used as a section background
  4. Overlay color: lets you set half-transparent overlay over section background
  5. Image effect: select one of the available effects for your background
  6. Background size: lets you choose a size of your background image.