---
title: Horizon Theme - Background Overlay
---

[![Horizon Logo](https://horizonthemedev.com/hs-fs/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com/?hsLang=en)

- Components
  
  #### Components
  
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper .
  
  
  
  
  
    - [Style Guide](https://horizonthemedev.com/style-guide?hsLang=en)
    - [Header](https://horizonthemedev.com/header?hsLang=en)
    - [Footer](https://horizonthemedev.com/footer?hsLang=en)
    - [Featured Image](https://horizonthemedev.com/featured-image?hsLang=en)
    - [Shape Divider](https://horizonthemedev.com/shape-divider?hsLang=en)
    - [Fancy Headline](https://horizonthemedev.com/fancy-headline?hsLang=en)
    - [Accordion](https://horizonthemedev.com/accordion?hsLang=en)
    - [Creative Tabs](https://horizonthemedev.com/creative-tabs?hsLang=en)
    - [Timeline](https://horizonthemedev.com/timeline?hsLang=en)
    - [Blog Post Cards](https://horizonthemedev.com/blog-post-cards?hsLang=en)
    - [Testimonial Slider](https://horizonthemedev.com/testimonial-slider?hsLang=en)
    - [Pricing Cards](https://horizonthemedev.com/pricing-cards?hsLang=en)
  
  
    - [Image Gallery](https://horizonthemedev.com/image-gallery?hsLang=en)
    - [Image Text](https://horizonthemedev.com/image-text?hsLang=en)
    - [Image Slider](https://horizonthemedev.com/image-slider?hsLang=en)
    - [Content Tabs](https://horizonthemedev.com/content-tabs?hsLang=en)
    - [Background Overlay](https://horizonthemedev.com/background-overlay)
    - [Featured Form](https://horizonthemedev.com/featured-form?hsLang=en)
    - [Flip Cards](https://horizonthemedev.com/flip-cards?hsLang=en)
    - Icon List
    - [Popup Modal](https://horizonthemedev.com/pop-up?hsLang=en)
    - Scroll Arrows
    - [Social Follow](https://horizonthemedev.com/social-follow?hsLang=en)
    - [Column Swiper](https://horizonthemedev.com/column-swiper?hsLang=en)
  
  
    - [HubDB Listing](https://horizonthemedev.com/hubdb-listing?hsLang=en)
    - [Multistep Form](https://horizonthemedev.com/multistep-form?hsLang=en)
    - [Dynamic Tabs](https://horizonthemedev.com/dynamic-tab?hsLang=en)
    - [Team Members](https://horizonthemedev.com/team-members?hsLang=en)
    - [Button Group](https://horizonthemedev.com/button-group?hsLang=en)
    - [Event Calendar](https://horizonthemedev.com/event-calendar?hsLang=en)
- Interactive Landings 
    - [Scrolling Animations Landing 1](https://horizonthemedev.com/scrolling-animations-landing-1?hsLang=en)
    - [Scrolling Animations Landing 2](https://horizonthemedev.com/scrolling-animations-landing-2?hsLang=en)
- Blog
- Help

###### COMPONENTS

# BACKGROUND OVERLAY

---

![Frame](https://horizonthemedev.com/hubfs/Frame.png "Frame")

**VARIANT: PARALLAX**

---

This option adds a container over the image which you can control the spacing and also its background color.

**VARIANT: OVERLAY**

---

This option adds a container over the image which you can control the spacing and also its background color.

**VARIANT: BORDER RADIUS**

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper aliquet.

## Something Powerful

### Tell The Reader More

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

**VARIANT: VIDEO**

---

This option adds a container over the image which you can control the spacing and also its background color.

**VARIANT: BOX SHADOW**

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper aliquet.

## Something Powerful

### Tell The Reader More

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

**VARIANT: HORIZONTAL GRADIENT**

---

This option adds a container over the image which you can control the spacing and also its background color.

**VARIANT: VERTICAL GRADIENT**

---

This option adds a container over the image which you can control the spacing and also its background color.

**VARIANT: GRADIENT**

---

This option adds a container over the image which you can control the spacing and also its background color.

[![logo](https://horizonthemedev.com/hubfs/raw_assets/public/horizon-theme/images/logo-horizon-dark.svg "logo")](https://horizonthemedev.com/style-guide?hsLang=en)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Copyright © 2025 Horizon Theme . All Rights Reserved.