Kajabi Section Organization: Layout & Background Settings
Episode 52 Summary
In this episode of Kajabi in 5 Minutes, we explore how to organize sections using vertical and horizontal alignment, full width and full height settings, and background image positioning. Discover how to neatly align content blocks, stretch images edge-to-edge, and prevent cropping issues with background images to build polished, professional Kajabi pages that adapt perfectly to any device.
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 how to organize sections within your Kajabi pages. While last week’s episode covered content blocks and how to move them around, this time we’ll explore the settings that control the layout and alignment of the sections that hold those blocks. Mastering these settings will help you create clean, visually appealing pages that look great across all devices. Let’s dive in!
Kajabi Section Organization Overview
In Kajabi, sections are the containers for your content blocks, and they come with powerful layout options. Understanding how to use vertical and horizontal alignment settings can dramatically improve the look and feel of your pages.
Vertical and Horizontal Alignment Settings
Within the desktop layout settings of a section, you’ll find two key dropdown menus: vertical alignment and horizontal alignment.
- Vertical Alignment: Choose from Top, Center, or Bottom. Top alignment works especially well for text or feature boxes, ensuring that headings line up perfectly across the section for a neat and professional appearance.
- Horizontal Alignment: Options include Left, Center, Right, Space Between, and Space Around.
- Space Between pushes your content blocks to the far edges of the section, with space evenly distributed between them.
- Space Around creates equal spacing around each block, giving a balanced, “bubble-like” effect.
Experiment with these settings and use content-specific outside spacing adjustments to fine-tune your layout.
Full Width and Full Height Section Settings
Two additional settings enhance your section’s visual impact:
- Full Width: This setting stretches your content to the very edges of the browser window. It’s perfect for images or sections where you want a bold, edge-to-edge look regardless of screen size.
- Full Height: This makes the section fill the entire height of the viewer’s browser window. It’s ideal for “above the fold” images or scenes that grab attention and encourage visitors to scroll down.
Background Image Positioning Tips
When adding background images to a section, you can set the image position to Top, Middle, or Bottom in the background settings. To avoid important parts of your image being cropped on different screen sizes—especially portraits—try cropping your image with extra space above the subject’s head. Then set the background position to Top. This ensures the top of your image stays visible, while any cropping happens at the bottom, keeping your visuals consistent across devices.
Conclusion
By experimenting with these section settings in Kajabi, you can create beautifully aligned, responsive pages that look great on any screen. Thanks for tuning in, and be sure to join us next week for more helpful Kajabi tips!
