This tutorial provides the steps to add SVG shape dividers from Elementor in any child theme based on the Genesis Framework.
Tested on Genesis Sample 2.6.0+
The tutorial uses a simple shortcode function to output svg shape dividers in the front page widget section.
1. Create a widgetized front page. Follow Advanced Full width Widgetized Home page in Genesis Sample.
The first Step is to create the required file.
a) Create a folder named "shortcodes" under /lib/ folder of your child theme.
b) Create a file named "shape-dividers.php" under /shortcodes/ folder.
c) Call this file using this in functions.php
// Adds Shape dividers shortcodes. require_once get_stylesheet_directory() . '/lib/shortcodes/shape-dividers.php';
Remember the file path here.
Now, we are going to create some shortcodes for a different type of shape dividers.
Open shape-dividers.php file present under /lib/shortcodes/ folder and add the following:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.