Modify Your Theme

This article shows you how to customize your theme’s colors, fonts, logo, and more.

Customizing Your Logo and Background

  1. Log in to your Teachable school.
  2. Select Site.
  3. Choose Theme
  4. Click the Upload Image buttons in the logo & background section to customize your site using your own images or preset images. logo_and_background.png
    • Site Logo: The logo that appears in upper left-hand corner of your site’s homepage. We recommend you use a JPG or PNG image file that is 250 x 60px large. 
    • Favicon: The small icon that displays in your site’s browser tab. WE recommend you use a JPG or PNG image file that is 32 x 32px large.
    • Homepage Background: The large background image in the highest position on the page. We recommend you use a JPG or PNG image file that is 1440 x 780px large.
    • Homepage Background Dark Overlay: This overlay darkens the top background image.
  5. Click Save.

Customizing Your Font

  1. Choose the font you want to have across your school.
  2. Click Save.customize typography

NOTE: Learn about adding Google Fonts in their guide here. This can be accomplished with our Code Snippets and Custom CSS tool.

Customizing Your Theme Colors

You can separately customize the colors of several unique areas on your site.

  1. You can select among color scheme Presets, or select your own colors to make a custom color palette:customize colors
  2. When you're done choosing your colors, click Save.

NOTE: You can preview your site at any time by clicking Preview in the upper right-hand corner. It may take a few minutes for changes to take effect.


Can't find what you're looking for?

Contact us