Parallax effect is a new trend in web design today. You can add parallax effect to your content using this theme without editing any code. We provide parallax option for content builder modules including text block, blog and testimonials.
When you edit for example text block module. There are 2 parallax background related options. First you have to upload your background image for this content block. Click on “Upload” button and select one from your current media library or upload it from your computer.
Next is Background Parallax Option.
- None – Your background image will be static and cover content area.
- Scroll Position – Your background image will response vertically when you scrolling page content.
The last one is background size. If you want to zoom in to your background image. You can change background size option. The more percentage you selected, the zoom in level your background image will be.
Once you finish editing content builder. Click “Update” button.
Parallax Background Image Height
By default, if you add parallax background. It’s height will be calculated on its content. However you can also add fixed height to parallax background to. For example in “Text Block” module. There is custom CSS field and you can add height: 500px !important;