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

Designing for Global Audiences: Internationalization & Localization

Guiding Principles of IA: Structuring Websites for Clarity & Growth

Next-Gen Information Architecture: Psychology, Ethics & Omnichannel

Persona-Driven UX: Turning Research Into User-Centered Design

The Psychology of Trust: Unlocking Credibility in Web Design

List of Categories

Contact Us

Big-agency quality without the big-agency cost — welcome to Flagship Websites

Start Your Website Design Journey with Free AI Wireframes & Mockups!

Your information is 100% confidential. After you submit, our design team will contact you within 24 hours.