Beginner
How to customize site logo and colors on Kajabi
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.
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
1
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.
Tip
Make sure you're working on the correct website if you have multiple sites under your Kajabi account.
2
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.
Tip
The customization interface shows a live preview of your changes on the right side of the screen.
3
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.
Tip
Use a transparent PNG file for the best logo appearance across different backgrounds.
4
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.
5
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.Tip
Keep your brand guidelines handy to ensure color consistency across all marketing materials.
6
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.
Tip
Ensure sufficient contrast between text and background colors for better readability and accessibility.
7
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.
Tip
Check critical pages like your homepage, product pages, and checkout flow to ensure the design works well everywhere.
8
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.
Tip
Consider making changes during low-traffic hours to minimize the impact on user experience.
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.
Ready to get started with Kajabi?
Put this tutorial into practice. Visit Kajabi and follow the steps above.
Visit Kajabi →