Body
Customize the Body layout of the site.
The following settings can be found in the Basic β†’ Body panel.
By default, the website expands to the Full Width, you can use the Boxed Layout option which will wrap all of your page content into a boxed container or enable the preloader option to add the preloader effect on page load.
Body Panel Options

Boxed Layout

Boxed Layout Options
Option
Description
Center
Position the page layout in center.
Add Top Margin
Add the top margin to the page layout.
Add Bottom Margin
Add the bottom margin to the page layout.
Header outside the container
Display the header outside the container.
Background Image
Once an image is selected, there are some additional settings for the background image.
Background Image Options
Options
Description
Background Image
Select background image for Boxed container.
Image Size
Set the background image size.
Image Position
Set the initial background position relative to the page layer. By default, the image is centered.
Image Effect
Add a parallax effect or fix the background with regard to the viewport while scrolling.
Visibility
Display the image only on this device width and larger.
Background Color
Set the boxed background color.

Parallax Background Effect

Parallax Animation Options
Once parallax is selected for Image effect, there are some additional settings for the parallax animation.
Option
Description
Horizontal(Start/End)
Animate the horizontal position (translateX) in pixels.
Vertical(Start/End)
Animate the vertical position (translateY) in pixels.
Parallax Easing
Determine how the speed of the animation behaves over time
Parallax Breakpoint
It is useful to disable the parallax animation on small viewports.
Last modified 9mo ago
Copy link
Contents