The “Bokeh Background Widget” allows you to add animated, soft-focus light effects to sections in WordPress Elementor websites. This premium widget enhances visual appeal by mimicking the aesthetic of blurred lights, creating an elegant, dreamy, or artistic atmosphere. You can customize the bokeh colors to align beautifully with your site’s design.
Let’s explore the features of the “Bokeh Background Widget” below.
Add Bokeh Background Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
Add Bokeh Background to Elementor section
Elementor Bokeh Background Settings
Set Background Location in Elementor Parallax Background
Set the background location.
In Background
Places the background behind all other content within the section or element.
In Foreground
Places the background in front of other content, making it more visually prominent.
Site Body Background
Applies the background to the entire website’s body, affecting all pages.
Site Body Foreground
Places the background in the foreground of the entire site’s body.
Layout Background
Applies the background specifically to the layout container.
Layout Foreground
Places the background in the foreground of the layout container.
Usage Examples of Elementor Bokeh Background Design
Here are some live use cases for the Bokeh Background Widget.
Hover Text Reveal Content with Elementor Bokeh Background Widget.
Audio Playlist with Elementor Bokeh Background Widget.
Thank you for using the Bokeh Background Widget for Elementor! With its animated, colorful blurry lights and soft-focus glow, this is the best Bokeh Background Widget for Elementor—perfect for adding a dreamy, artistic touch to your website’s design. If you have any questions or need assistance, feel free to reach out to us. For live examples and creative inspiration, be sure to explore the demo on our website.