About the Parallax element
Parallax is an element of GemPages that allows you to create a giant banner with a parallax scrolling effect. Parallax scrolling is a technique where background images move slower than foreground images, creating an illusion of depth on a two-dimensional site.
From the GemPages Dashboard, open a template to edit. You can quickly find the Parallax element on the left sidebar of the Editor, under the Banner section. Drag & drop the element to any position you prefer.
When clicking on the element, you will find its configuration options in the left sidebar, including the Settings and Design tabs.
Configure the Settings Tab
There are three options for you to upload your image:
- Replace Image: This option lets you choose an image from your computer to upload.
- Browse Gallery: You can pick one from the gallery which contains all of your uploaded images.
- Image Src: This option allows you to input the image link.
Image Quality: This option allows you to decide how your image will be compressed – Lighter or Lightest. However, it’s only available for images uploaded on our server – the UCare CDN.
You can decide the scrolling speed in this section. Adjust the slider or enter the value into the box (from 0 to 1).
If you wish to customize the element in a particular way, kindly use this field to add a class name and refer to it in the CSS file.
Configure the Design tab
To style how the element looks, please navigate to the Design tab and follow the instructions in this article.
That’s it! If you’re interested in learning more about the powerful and user-friendly GemPages, feel free to explore the Help Center or get in touch with our delicate customer support via email or live chat.