Piper Kajabi Website Template
This template guide is in reference to this product:
https://shop.launchinstyle.com/products/piper-kajabi-website-template
Welcome to the Piper Kajabi Website Template Guide
Below are links to everything you'll need to customize these templates and make them your own! Reach out if you have any questions!
Step 1: Install Your Templates
Follow the instructions in this guide for installing your new Kajabi Website template.
Step 2: Customize Your Templates
Canva Template Links
Instructions: Click the link and click "Use template for new design" to add a copy of the template into your Canva account.
- Round Logo
- 5 Stars
- About Animated Images
- About Image
- Background Images
- Blog Featured Post Image
- Blog Image
- Footer Images
- Footer Social Photos
- Freebie Opt-in
- Icons
- Newsletter Post Thumbnail
- Newsletter Thumbnail
- Phone Newsletter Mockup
- Phone Podcast Mockup
- Podcast Episode Preview
- Podcast Host
- Podcast Mic
- Polaroid Image
- Receipts Image
- Resources Hero Image
- Round Testimonials
- Service Animated Images
- Service Images
- Service Testimonials
- Services Hero Divider
- Thank You Image
- Links Vertical Images
- Links Square Images
Extra Customizations
▶︎ Remove borders between sections:
- Click on the section you want to remove the border from
- Click on "Time Reveal" in the bottom of the left hand column
- Delete the snippet of text within the "Offset" field
- Click "Save" on the page
If you don't see the text snippet within the box in that section, try the section above or below to find where the text snippet was added.
▶︎ Remove borders around buttons:
Go to Settings > Custom Code. Inside the CSS Code box, under the Button Styling code, change the "border-width: 1px;" to "border-width: 0px;" to remove the borders. Do this for each button style to remove borders from all buttons.
▶︎ Swap icons in text bullets list
- Add an image block to your section (you'll delete this later)
- Upload your customized icon image
- Once uploaded, right click on the image and click "Copy Image"
- Go into the text block and paste the image into the table in place of the current icon
- Resize the image to fit within the table as a bullet (I recommend about 50px)
- Delete the image block you created in step 1
For more help, watch this video to see me add an image to a text block.