K Creator Tools

FREE Slanty Section Tool Divider

Transform Your Kajabi Page From Blah to Boom With Slanted Sectionn Dividers That Make Your Landing Pages Stand Out From The Rest

ACCESS FREE FULL VIDEO WALK WITH DETAILED STEPS

Add Sophisticated Slanty Section Dividers To Your Page in 3 Simple Steps

Install time - 5 mins

Copy CSS Code

Add CSS Page Editor

Add Slanty Section To Page

Step 1 - Copy CSS Code

Copy the CSS code.
Change The Color Hex Codes To Match Your Brand Colors

/*------------------*/
/*  Slanty Section TOP LEFT DOWN TO RIGHT  */
/*------------------*/
.slanty-section-trtl{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to right bottom, #823A9C 49%, #fff 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}


/*-------------------------*/
/* Slanty Section TOP RIGHT DOWN TO LEFT  */
/*-------------------------*/
.slanty-section-tltr{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 49%, #823A9C 50%);
}

Step 2 - Add To CSS To The Kajabi Page Editor

Using Kajabi? Add the CSS code to the custom code area in the Kajabi page editor.
Don't forget to change the hexcodes to match your the surrounding section colors

Step 3 - Add Slanty Section

Add the Slanty Section To Your Landing Page

Lighter Top Section - Darker Bottom Section

Add the HTML snippet below to the a custom code block

<!-- A DIAGONAL FROM TOP LEFT TO THE BOTTOM RIGHT: 
GOES BETWEEN a LIGHTER TOP  SECTION & DARKER BOTTOM  SECTION -->


<div class="slanty-section-tltr"></div>

Darker Top Section - Bottom Lighter Section

Add the HTML snippet below to the a custom code block

<!-- A DIAGONAL FROM TOP RIGHT TO THE BOTTOM LEFT 
GOES BETWEEN a DARKER TOP  SECTION & LIGHTER BOTTOM  SECTION -->


<div class="slanty-section-trtl"></div>

Prefer More Detailed Over The Shoulder Video Tutorials?

Join The K Creator Tools Free Membership

Used By Kajabi's Top Earners

Especially Created For Kajabi Course Creators That Can't Code ( Or Don't Want To)

FREE MEMBERSHIP

Top features

Free Access to a Growing Suite of Kajabi Add Ons
Unlock Powerful Upgrades to Turbo Charge Your Funnel
Ready To Go Custom Code Snippets That Increase Conversions
Free step by step video tutorials on how to apply the most popular Kajabi adds ons
No coding skills required. Just copy, tweak and paste

ACCESS FREE FULL VIDEO
TUTORIAL WITH DETAILED STEPS

Amazing Feature