Footer

Site Editor offers a collection of ready-made Footer sections. Select a Footer section, drag it from the library, drop it onto the Footer placeholder (at the very bottom of the screen), and then configure it to suit your needs.

Adding Footer

Option 1

  • Hover over the desired section, and click the Add Section:

  • Choose the section from the modal that appears:

  • The new Footer will immediately replace the old one (if any). You can now modify the Footer section to suit your needs.

Option 2

  • Hover over the left sidebar of the Site Editor and click Sections:

  • Choose the section:

  • The new section will immediately appear in the selected area. You can edit and add new elements to it to suit your needs.

Resizing Footer

  • Hover over a Footer to display the resizing control at the top of the section:

  • Click the resizing control, then drag it upwards or downwards to modify the Footer height. The resizing control displays the padding height on either side of the section, upper or lower. 
  • Drop the resizing control to save the change and stop resizing.

Footer Settings

To change the Footer Settings:

  • Hover over the Footer and click the Settings icon in the floating right sidebar that appears.

Layout Tab

Use the Layout tab to modify the section's layout. Hover over the section, and click the Layout button in the top-right sidebar and be able to:

  • Change the Gap size in the grid.
  • Stretch content to full-screen width with the Fluid Container.
  • Enable the toggle to display the section at 100vh Full Height.

 Background Tab

Use the Background tab to modify the section's design. The Background tab allows you to set the Photo or Video as a background for the footer section and adjust its design. To access the Background tab:

  • Hover over the section, and click the Background button in the top-right sidebar:

  • Select a background type: Photo or Video.

Background Photo

Background Photo type is usually set by default for the added section. Proceed to the Photo tab to be able to:

  • Drag and drop the background image into the Background Photo placeholder. Alternatively, you can click the Background Photo placeholder to open the Upload Photo dialog, or use Free Stock Photos.
  • Drag the control to set the Opacity level for the Background Photo. 
  • To add Effects, turn the switch on to enable the image effects: Parallax, Fixed, and Animate.

Please Note: Effects can only be applied if an image has been added as a section background.

  • Click the square of the Background Color to open the color picker and select the color. Then select Apply to save the change and close the color picker.

Background Video

Hover over the Video tab to set a Background Video for your section, and be able to:

  • Add a Link to Video from Vimeo, or Dailymotion.
  • Drag the control to set the Opacity level for the Background Video. 
  • Click the Background Color square to open the color picker and select the color. Then select Apply to save changes.

Deleting Footer Tab

To delete a footer:

  • Hover over it and click the Delete button [x] that appears in its top-right corner:

  • The section will be immediately removed.

Managing Footer Elements

You can also manage the Footer section's content - the Text, Heading, Image and Button. Rearrange, add or delete elements according to your needs.