How to Customize Your Course Layout

📝 Overview

Customizing your course layout in KeaBuilder allows you to give your course a unique look and feel that matches your brand identity. Instead of sticking with the default design, you can edit and personalize layouts using the Kea Editor, ensuring your students have a seamless and engaging learning experience. From adjusting colors and typography to redesigning page sections, customization puts you in full control of how your course appears to learners.

🔹 Step-by-Step Guide


Login to KeaBuilder

  • Visit www.keabuilder.com in your browser.
  • Enter your Login ID and Password. Keadocs
  • Once logged in, you will land on the Main Dashboard.
Keadocs

Navigate to the Courses Section

  • On the Vertical Menu (left-hand panel), scroll down and click on “Courses.”
  • By default, you’ll be redirected to the Memberships Section.
Keadocs

Access the Courses Page

  • Next to Memberships, click on “Courses.”
  • This will take you to the Courses Page, where all your created courses are displayed.
Keadocs

Open the Selected Course

  • Choose the course you want to customize and click on it. Keadocs
  • By default, you’ll land on the Course Layout Tab. Keadocs
  • Next to Layout, click on the “Customize” Tab. Keadocs

Go to the Customize Dashboard

  • You will now see the Customize Dashboard showing the default theme applied to your course. Keadocs
  • Each theme can be previewed and edited to fit your branding needs.

Open the Builder Editor

  • Next to the default theme, click on the “Builder Edit” button (pencil icon). Keadocs
  • You’ll be redirected to the Kea Editor, where you can modify the layout.
  • Here, you can design your course pages by adding or removing sections, adjusting fonts and colors, and aligning the layout with your brand style.
Keadocs

Design and Customize the Layout

  • Use drag-and-drop tools inside the Kea Editor to arrange sections.
  • Add banners, buttons, videos, or text to improve user experience.
  • Adjust theme settings like headers, navigation menus, and content blocks.
Keadocs

Save and Preview Changes

  • Once you’re satisfied with the edits, click Save.
  • The updated design will now reflect in your Customize Dashboard. Keadocs
  • You can preview the final look by clicking the View Button.

💡 Tips for Effective Customization

  • Keep it Simple: Avoid cluttered layouts—clean and minimal designs often provide a better learning experience.
  • Stay On-Brand: Use your brand’s colors, fonts, and logos to maintain consistency across all your courses.
  • Mobile-Friendly First: Preview your course on mobile devices to ensure responsive design.
  • Save Frequently: Make it a habit to save changes while customizing to avoid losing progress.
  • Save Frequently: Make it a habit to save changes while customizing to avoid losing progress.