Your site theme controls the look and feel of your school. You can update your logo, background, fonts, and colors to reflect your brand. Schools on the Pro plan or above can also remove Teachable branding from most site pages.
Customize your logo and branding
You can update your logo, favicon (a small image or icon that displays in your site's browser tab), and school thumbnail from the top section of your Site > Theme menu.
To upload an image, click Upload.
To replace an image, click Replace.
To remove an image, click Remove.
Site logo:
One of the most effective ways you can create a brand for your school is by adding a logo. Your logo appears in the top-left corner of all pages. Clicking it brings users back to your homepage.
Recommended size: 250 x 60 pixels (JPG or PNG)
Favicon
The favicon is the small icon that appears in the browser tab.
Recommended size: 32 x 32 pixels (JPG or PNG)
School thumbnail
The thumbnail represents your school in the Teachable Accounts dashboard.
Recommended size: 960 x 540 pixels (JPG or PNG)
Removing Teachable branding
If you're on the Pro plan or higher, you can toggle off Teachable Branding to remove most Teachable logos and references from your school.
Some branding may still appear in these areas:
Your school’s login and checkout page URLs
When students accept Teachable’s Terms of Use
Inside Teachable Accounts (if enabled)
To fully remove "teachable.com" from your domain (e.g., yourschool.teachable.com
), you can set up your own custom domain.
Customize your font
You can change the font family used across your entire school. Supported fonts include:
|
|
To use a font that’s not supported, you may be able to add it via code snippets and custom CSS. However, please note that Teachable Support does not troubleshoot custom code.
Customize your theme colors
You can adjust your color scheme in the Color Palette section of Site > Theme.
You can choose from preset color palettes or create one custom palette based on your brand colors. Teachable uses hex codes for color values. If your brand colors use a different format (like RGB or CMYK), try a color converter tool to find the hex equivalent.
Color categories
Each category controls different elements of your school’s design:
Nav bar & footer background – Background color for your navigation bar, footer, and email header
Navigation bar links – Font color for nav links (two fields: fixed nav vs. scrolling nav)
Buttons & links – Colors for buttons, links, course prices, and progress bars
Headings – Colors for headings like course and lecture titles
Body text – Sets general text color across your site and products
Video player – Controls player appearance for course videos
Homepage heading & subtitle – Font colors for homepage hero text (Page Editor 1.0 only)
Course page heading & subtitle – Font colors on course sales pages (Page Editor 1.0 only)
Note: At this time, edits made to your school’s theme do not affect the video player. Visual updates to the video player require custom code or use of the Power Editor. Set the color of the video player for videos uploaded into course lectures.
Frequently asked questions
Why aren’t my theme colors updating?
Changes made in Site > Theme usually appear within a few minutes. If they don’t update:
Try saving your color to black (
#000000
) first, then switch back to your desired color.Clear your cache or hard-refresh your site.
Check if your pages are built in Page Editor 2.0, where block-level color overrides may apply.
If you pasted content from outside sources (like Google Docs), some color formatting may carry over. To avoid this, paste without formatting or type directly in the Teachable editor.