This tutorial is based on How to slant edges of elements in Genesis and provides the steps to set up a down facing chevron-like featured section below the front page in Genesis with a parallax background image changeable in the Customizer (with instant live preview). We are going to
- register a custom Home Featured widget area
- load clip-path-polygon and paroller jQuery scripts and initialize them on the front page
- display the custom widget area below the header on the front page
- put the code for WordPress Customizer in a separate file and call it from functions.php
While the tutorial has been written for Genesis Sample child theme, it should work with a few adjustments in any Genesis child theme.By the end of this tutorial, your child theme directory's structure would be like this:
Step 1Upload clip-path-polygon.min.js and jquery.paroller.min.js to child theme's
jsdirectory. In the same location create a file named say,
front-page.jshaving the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.