---
title: Split Image CTA
description: How to set up the Split Image CTA
---

[Skip to content](https://help.boostertheme.com/knowledge/split-image-cta#main-content)

![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png)

- [Home - Help Center](https://help.boostertheme.com/knowledge)

Open main navigation

Close main navigation

- [Home - Help Center](https://help.boostertheme.com/knowledge)
- [Go to boostertheme.com](https://boostertheme.com/)

[Go to boostertheme.com](https://boostertheme.com/?hsLang=en)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en)
2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en)
3. [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections)

# Split Image CTA

## How to set up the Split Image CTA

[![Split Image CTA](https://help.boostertheme.com/hs-fs/hubfs/Split%20Image%20CTA%201.png?width=688&name=Split%20Image%20CTA%201.png)](https://help.boostertheme.com/hubfs/Split%20Image%20CTA1-1.webp?hsLang=en)

The split image CTA section enables you to add two different images in the background.

#### In this Article:

1. [Section ID](https://help.boostertheme.com/knowledge/split-image-cta#section-ID)
2. [Section Layout](https://help.boostertheme.com/knowledge/split-image-cta#section-layout)
3. [Content](https://help.boostertheme.com/knowledge/split-image-cta#Content)
4. [Background](https://help.boostertheme.com/knowledge/split-image-cta#background)
5. [Overlay](https://help.boostertheme.com/knowledge/split-image-cta#overlay)
6. [Content Blocks](https://help.boostertheme.com/knowledge/split-image-cta#content-blocks)

---

#### **Section ID**

This option allows you to add a title so you can anchor this section.

#### **Section Layout**

This setting includes the option to enable/disable it on mobile or desktop view, its minimum height, the section padding, and the spaces between blocks.

#### Content

This setting helps you change the text color and arrange the content alignment.

[![Section content](https://help.boostertheme.com/hs-fs/hubfs/Section%20content.png?width=252&height=235&name=Section%20content.png)](https://help.boostertheme.com/hubfs/Section%20content.png?hsLang=en)

Background   
This option helps you add images in this section. You can add an image on the Left side image block (1) and Right side image block (2). This also includes the option to position the image, parallax effect, and the content background.

[![Split Image](https://help.boostertheme.com/hs-fs/hubfs/Split%20Image%20CTA%203.png?width=659&height=339&name=Split%20Image%20CTA%203.png)](https://help.boostertheme.com/hubfs/Split%20Image.webp?hsLang=en)

#### Overlay

This is an additional layer placed on the top of the split CTA background image. You can adjust its opacity and change its color according to your liking.

#### Content blocks

You can also add various content blocks available with the CTA.

[![Split Image CTA](https://help.boostertheme.com/hs-fs/hubfs/Split%20Image%20CTA.png?width=479&height=425&name=Split%20Image%20CTA.png)](https://help.boostertheme.com/hubfs/Split%20Image%20CTA.png?hsLang=en)

- End of the article - 

 

- [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content)
  
  
  
  
  
    - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process)
    - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics)
- [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content)
  
  
  
  
  
    - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections)
    - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings)
    - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page)
    - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials)
- [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content)
  
  
  
  
  
    - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center)
    - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme)
    - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies)
    - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others)

[![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en)

<https://www.facebook.com/316229588744482> <https://www.instagram.com/boostertheme> <https://www.youtube.com/c/BoosterTheme>

Copyright © 2026, Booster Theme - PreviewX Inc.