Demis Patti

Responsive website background images with a parallax effect and a user friendly interface. 
Your theme must support <a href="https://codex.wordpress.org/Custom_Backgrounds" rel="nofollow ugc">Custom Backgrounds</a>, which it most likely does already.
<h3>Features</h3>
<ul>
<li>Background image with a parallax effect</li>
<li>One image for all pages or each page individual or a mix of both, it’s all up to you</li>
<li>Serves the whole frontend</li>
<li>Works vertically and, for fun, horizontally</li>
<li>Various overlays to choose from</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>Your theme must support the core WordPress implementation of the <a href="https://codex.wordpress.org/Custom_Backgrounds" rel="nofollow ugc">Custom Backgrounds</a> theme feature.</li>
<li>In order to use the parallax feature, I decided to set the minimum required image dimensions to 1920px * 1200px, which covers a fullHD screen with a slight vertical parallax movement ( Image height – viewport height, so 1200px – 1080px gives 120px offset to move the image. I hope you get the point here.).</li>
<li>You most likely need to edit some css in order to “uncover” the background image or parts of it respectively. Your theme’s layout should be “boxed”, or an opacity should be added to the page content container for the background image to be seen.</li>
<li>PHP version 8.0 or above.</li>
</ul>

cbParallax

Responsive website background images with a parallax effect and a user friendly interface. Your theme must support Custom Backgrounds, which it most l …

samiur6688

Parallaxium – Parallax Widget for Elementor adds a new widget to Elementor that lets you create eye-catching parallax sections with customizable background images, headings, buttons, descriptions, overlay colors, and text styles — all without writing any code.
You can control the section height, enable or disable overlays, add a button with custom text and link, and style your content using Elementor’s built-in typography and color controls.
Features: 
– Add background images with a smooth parallax scrolling effect. 
– Set custom section height (default 500px). 
– Add heading and description text. 
– Add a customizable button with text and link. 
– Enable or disable a semi-transparent overlay. 
– Customize overlay color for better text contrast. 
– Adjust typography and text color for heading and description. 
– Works seamlessly in both Elementor editor and frontend. 
– Lightweight and designed for performance.
How It Works: 
The widget creates a section with a background image and optional overlay layer. You can add text content over it and adjust its appearance directly from the Elementor panel. The visual changes are reflected instantly in the live preview.

Parallaxium – Parallax Widget for Elementor

Add a customizable parallax section to your Elementor pages with background image, overlay color, text content, and typography controls.

cbParallax vs Parallaxium – Parallax Widget for Elementor