Background

Table of Contents

Share This Post

Elementor offers several background options, each with customizable effects. Not all types are available for every element.

🎨 1. Classic Background

  • Solid Color or Single Image

  • Customize with color picker or global color

  • Supports image responsiveness and scroll effects: Vertical/Horizontal movement, Blur, Transparency, Scaling

  • Hover and mouse interaction effects available

🌈 2. Gradient Background

  • Blends two colors

  • Choose Linear (angle-based) or Radial (center-outward)

  • Customize location, angle, and position of the blend

  • Scroll effects like transparency, scaling, and blur supported

🎥 3. Video Background

  • Supports embedded video clips

  • Customize playback: Start/End time, Loop or play once, Show/Hide on mobile (to save data), Privacy Mode (to prevent YouTube tracking)

  • Fallback image shown if video fails to load

🖼️ 4. Slideshow Background

  • Series of images displayed in a loop

  • Customize: Image selection, Looping (infinite or stop at last image), Duration & transition speed (in milliseconds), Lazy loading & Ken Burns Effect (zoom and pan animation)

  • Set image position and size per your design

Subscribe To Our Newsletter

Get updates and learn from the best

More To Explore

Icons vs. Text in UI/UX: Finding the Sweet Spot in Digital Communication

Typography & Design Systems: Building the Invisible Architecture of Clarity and Trust

The Complete Guide to Choosing the Perfect Color Scheme for Your Website

Words in Motion: Why Animated Typography Rules the Digital Age

The Complete Blueprint to Building a Powerful Brand Identity

Wireframing Unlocked: The Secret Architecture Behind Seamless Digital Products

Our Web Experts are ready — we just need a few more details

Let's Start Today - Super low prices - Get your Custom designed and Feature rich website