How to Organize and Position Content Blocks in Kajabi Pages
Episode 51 Summary
In this episode of Kajabi in 5 Minutes, we explore how to organize and arrange content blocks on your Kajabi pages. You’ll learn about using width settings, inside and outside spacing, and row controls to customize your page layout. The episode offers practical tips for overlaying text on images and achieving your ideal design. Listeners are encouraged to experiment with these tools, and there’s a preview of next week’s topic on section-level spacing controls.
I’ve got some things that may help you with Kajabi:
Kajabi in 5 Minutes YouTube channel: https://www.youtube.com/@Kajabiin5Minutes
Kajabi 30 Day Free Trial: https://www.thecoachsupport.com/30days-kajabi
Kajabi Blog: https://www.thecoachsupport.com/blog
Kajabi Code course: https://www.thecoachsupport.com/code
Kajabi SEO course: https://www.thecoachsupport.com/seo
These next promotions are only active for a short time throughout the year
3 Months for $99: https://www.thecoachsupport.com/3months-for-99
60 Day Free Trial: https://www.thecoachsupport.com/60-day-trial
50% off for 12 Months: https://www.thecoachsupport.com/kajabi-half-price
Episode Overview
Introduction
Welcome to another episode of Kajabi in 5 Minutes. Today, we’re focusing on page organization and how you can move and control the placement of elements within a section on your Kajabi page. This episode primarily covers working with text blocks, feature blocks, and similar content elements.
Understanding Blocks and Width Settings
When editing your Kajabi page—whether it’s a landing page, website page, or funnel page—you’ll see that all your content blocks are organized within sections. At the top of each block, there are blue boxes labeled with width values from 1 to 12. These numbers are your primary tool for sizing blocks:
- Smaller numbers make the block narrower.
- Larger numbers make the block wider.
Kajabi arranges content in rows, with each row totaling 12 width units. For example, if you have four text boxes set to a width of 3 each (3 x 4 = 12), they’ll fit perfectly on one row. If the combined width exceeds 12, the extra blocks automatically move to the next row.
Row Controls and Desktop Layout
Within the desktop layout settings for each block, there’s an option labeled "Place on its own row." This allows you to force a specific piece of content to occupy an entire row by itself, giving you more control over the layout.
Managing Spacing: Inside and Outside
To further refine your page layout, Kajabi offers inside and outside spacing controls in both desktop and mobile layouts:
- Outside Spacing: This is padding on the outside of a block. You can adjust it vertically or horizontally, using positive or negative values. Positive values push the block away from the edge; negative values pull it closer. For example, setting an outside spacing of 100 on one side acts like adding an empty block there.
- Inside Spacing: This controls the space between the content and the frame of the block itself. It’s especially useful if your text overlaps a background image, making it hard to read. Adjusting inside spacing can move the text away from the image for better visibility.
Advanced Layout Tips
Combining inside and outside spacing allows you to precisely position your content. For example, to overlay an image block with a text block, you can use negative outside spacing (like -500 on the top) to pull the text up and overlap it with the image above. This technique is powerful for creating layered visual effects.
Practice and Experimentation
Getting comfortable with these settings takes a bit of practice. Experiment with different width values and spacing options to see how they impact your page’s appearance. Adjusting these metrics helps you achieve the exact visual design you want.
Conclusion
Today’s episode focused on how to use content-level settings like width, inside spacing, and outside spacing to control the layout of your Kajabi pages. Mastering these tools allows you to create visually appealing and well-organized sections, whether you’re working with text, images, or feature blocks. While it may take some practice to get comfortable with these settings, experimenting with different combinations will help you achieve the exact look you want. In our next episode, we’ll dive deeper into section-level controls, which serve as the backbone for how your entire section is structured and displayed. Stay tuned to learn how to further enhance your page design and user experience!
