How to add Parallax to a Layout Background with the included Custom Template

This is a community-contributed tutorial. This tutorial is over a year old and may not apply to your version of Concrete CMS.
Dec 28, 2018

Preface

The ability to add a Parallax effect to a Layout Background Image has been included in Concrete CMS since release version 5.7.5, and is included in v8 onwards. This effect is rather easy to setup.

While this can be used in flexible, novel ways, this tutorial will not go into all ways this can be used. This tutorial will just cover a single example.

This demonstration will be on a fresh install of concrete (effectively version 8.4.3 as of this writing) on the Elemental theme, however the feature is not explicitly tied to the Elemental theme and can be used for other themes freely.

Execution

We're going to modify an existing Layout in the starter Elemental theme content.

Locate a Layout's Column, click on it to trigger the pull-down menu, and Click on "Edit Layout Design"

Next we set the desired background image. Click on the second from the left icon, to get the Background image interface. Then click on "Choose Image", pick the one you want, and we move onto the next step. You do not need to hit "Save" just yet.

Next we click on the Cog/Gear icon to the left of "Cancel" to bring up the Advanced menu. The top option, "Custom Template" will have "(None selected)" by default. Switch this to "Parallax". Then hit save.

Now you should be able to preview the background image and Parallax effect before you publish!

This method has some room for creative use. So if you discover a novel way to use this, please leave your findings in the comments below so others can benefit! :)

Recent Tutorials
Using the Concrete Migration Tool Addon
Apr 27, 2023

How to use the Concrete CMS Migration Tool

How To Add Page Last Updated To Your Concrete CMS Pages
Mar 7, 2023

Concrete CMS has a page attribute you can add to a global area called "Page Date Modified." Here's how to add it

How To Exclude Subpages from Navigation
Dec 24, 2022

How to exclude subpages from navigation - useful for a news or blog link in your main navigation where you don't want all the subpages to appear in a drop down menu.

How Can I Change The Maximum Size Of Uploaded files
Dec 13, 2022

This tutorial explains how to update your php settings.

Updating Concrete Themes from Version 8 to Version 9
Nov 24, 2022

This tutorial covers commonly encountered issues when upgrading a Concrete CMS theme from version 8 to version 9

Transferring ownership of an add-on and a theme
Nov 15, 2022
By katzueno.

If you encounter a Concrete CMS add-on or theme that you love but not being maintained, you may want to ask the author to help or take over the add-on or theme. Here is the quick step-by-step guide of how to transfer the ownership.

Was this information useful?
Thank you for your feedback.