How to customize site logo and colors on Kajabi

beginner 8 min read Updated 2026-03-18

Quick Answer

Customize your Kajabi site logo and colors by navigating to the Website settings, selecting your current theme, and using the customization options to upload your logo and modify color schemes. Changes are applied instantly across your entire site.

Try Kajabi Full Kajabi Review

Prerequisites

Active Kajabi account
Administrative access to your Kajabi site
Logo image file (PNG or JPEG format)
Basic understanding of color codes or color picker tools

Step-by-Step Instructions

Access Website Settings

Log into your Kajabi dashboard and click on Website in the left sidebar menu. Then select Themes from the dropdown menu to access your site's design settings.

Make sure you're working on the correct website if you have multiple sites under your Kajabi account.

Enter Theme Customization Mode

Locate your active theme and click the Customize button next to it. This will open the theme customization interface where you can make real-time changes to your site's appearance.

The customization interface shows a live preview of your changes on the right side of the screen.

Upload Your Custom Logo

In the customization panel, click on Header or Logo section. Click the Upload Logo button and select your logo file from your computer. Kajabi accepts PNG, JPEG, and SVG formats with a recommended maximum width of 300 pixels.

Use a transparent PNG file for the best logo appearance across different backgrounds.

Adjust Logo Settings

After uploading, use the Logo Width slider to resize your logo appropriately. You can also adjust the Logo Position to left, center, or right alignment depending on your design preferences.

Customize Primary Colors

Navigate to the Colors or Brand Colors section in the customization panel. Click on the Primary Color field to open the color picker. Enter your hex color code (e.g., #3366CC) or use the visual color picker to select your brand's primary color.

Keep your brand guidelines handy to ensure color consistency across all marketing materials.

Set Secondary and Accent Colors

Customize additional color elements including Secondary Color, Accent Color, and Text Color. These colors will be applied to buttons, links, headings, and other design elements throughout your site.

Ensure sufficient contrast between text and background colors for better readability and accessibility.

Preview and Test Changes

Use the device preview options at the top of the customization interface to see how your logo and colors appear on Desktop, Tablet, and Mobile devices. Navigate through different pages using the preview panel to ensure consistency.

Check critical pages like your homepage, product pages, and checkout flow to ensure the design works well everywhere.

Save and Publish Changes

Once satisfied with your customizations, click the Save button in the top-right corner of the customization interface. Your changes will be immediately applied to your live website and visible to all visitors.

Consider making changes during low-traffic hours to minimize the impact on user experience.

Common Issues & Troubleshooting

Logo appears blurry or pixelated

Upload a higher resolution logo file (at least 2x the display size) and ensure you're using PNG or SVG format for better quality. Avoid stretching small images beyond their original dimensions.

Logo doesn't display after uploading

Check that your logo file size is under 2MB and in a supported format (PNG, JPEG, SVG). Clear your browser cache and refresh the page. If the issue persists, try uploading a different version of your logo.

Colors don't match my brand guidelines

Double-check that you're entering the correct hex color codes from your brand guidelines. Some themes may have limitations on certain color applications - try switching to a different theme if needed.

Changes not visible on mobile devices

Mobile devices may cache previous versions of your site. Ask users to hard refresh their browsers or clear their mobile browser cache. Changes can take a few minutes to propagate across all devices.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Kajabi website before purchasing.

Visit Kajabi View Kajabi Pricing