---
title: "Creating a Full-Width Parallax Image (Classic Themes)"
source: "https://docs.nexcess.com/software/kadence/creating-a-full-width-parallax-image-classic-themes/"
description: "To create a full-width parallax image we suggest using Page Builder by SiteOrigin.  Step 1: In the page builder editor, create a single column row, then click \"…"
vertical: "Software"
area: "Kadence"
date: "2021-08-25"
last_modified: "2026-07-02"
---

# Creating a Full-Width Parallax Image (Classic Themes)

To create a full-width parallax image we suggest using [Page Builder by SiteOrigin. ](https://wordpress.org/plugins/siteorigin-panels/)

**Step 1:** In the page builder editor, create a single column row, then click “Add Widget”.

![addwidget](https://docs.nexcess.com/wp-content/uploads/2026/06/addwidget.jpg)

  
**Step 2:** Find the widget you would like to display on top of the image (if you do not want a widget to display, you can simply add a blank text widget).

![calltoaction_widget](https://docs.nexcess.com/wp-content/uploads/2026/06/calltoaction_widget.jpg)

  
**Step 3:** Next, hover over the tool in the top right corner of the page builder row and select “Edit Row.”

![editrow](https://docs.nexcess.com/wp-content/uploads/2026/06/editrow.jpg)

  
**Step 4:** Under Row Styles click the Layout tab to open it.

![rowstyles](https://docs.nexcess.com/wp-content/uploads/2026/06/rowstyles.jpg)

**Step 5:** Set the Row Layout to Full Width Stretched. Here you can also add top and bottom padding to your image.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/pagebuilderpic-min-258x300-1.jpg)

**Step 7:** Click the Design tab to open it. Here you can either upload a background image or select a background color. Then set background image style to Parallax.