Diagonal Parallax Page Layout

Scroll down for instructions

DIAGONAL PARALLAX

1. Download the layout from the files section of the Divi Soupies Facebook Group

2. Import into a new page (not the library)

DIAGONAL PARALLAX

3. Copy the CSS between the <style> </style> tags (not the tags themselves) in the code module at the top of the page into your child theme stylesheet or Divi theme options custom CSS tab then delete the section holding the code module. You can just leave it in the code module but it’s better to have all your CSS in one place.

DIAGONAL PARALLAX

4. Switch out the images for your own.

5. To create new diagonal sections either duplicate an existing section or add the class ‘ds-diagonal-parallax’ to a new section.

AND THE OTHER WAY

6. Want to go in the other direction? No problem, just add the class ‘ds-diagonal-parallax2’ instead.

Pin It on Pinterest

Share This