Styling Your Course

We’ve tried to give you as much flexibility as possible to customize the look and feel of our two course templates (Sidebar and Minimal).

From the hover states of your lesson buttons, background colors, sub-lesson colors, and even the lines in the quick jump section of the Sidebar Template, you can customize it all to look and feel exactly like your brand should look. 

🙂 Using the Style Editor for the Overview page of your course

The Overview page of your course is the FIRST page your customer will see. Let's make sure it looks great!

🧑‍🏫 Using the Style Editor for the Lesson pages of your course

The lessons are where your teaching-magic happens, so don't skimp on making these pages look great (while also being extremely legible).

🔒 Using the Style Editor for the Login pages of your course (Set Password, Login, and Password Reset)

Yep, that's right, not only do we allow you to customize the content of your Login pages (content changes to these pages are done in the Login Pages section of the main course editor sidebar), but we also let your heart run wild with these admin pages in your course(s).

💰 Using the Style Editor for the Payment pages of your course

Our Payment pages are designed to maximize conversions out of the box but we also want to make sure you can dress them up to your liking!

Remember though, the more visual cues you add to a payment page, the less a customer might focus on making a purchase (so customize carefully!)

🏄‍♂ Using the Style Editor for the Landing pages of your course

We have one Landing page template within our courses and you'd be amazed at how different you can make it look just by changing the colors in the style editor.

⏳ Using the Style Editor for the Expiration bar of your course

If you use our Course Expiration Date feature, you'll want to customize the Expiration bar to match the color scheme of your course.

Feel free to ignore the course layout/lessons below the timer bar within the style editor (it's just there for display only and doesn't relate to your course).

😍 Check Out the Style Files for More Design Inspo!

We’ve created multiple Lesson Layouts, Color Palettes, Font Pairings, and Header Image Templates for you to use to take your course customization to the next level. You can find all of those things in the Teachery Style Files.

And if you scroll to the bottom of the Style Files page, you’ll find a Course Design Kit for Canva that you can use for free as well!

One more thing! Use Templates in the Teachery Marketplace…

There’s also the Teachery Marketplace where you can grab existing paid and free ready-made templates to use in your next Course. 😱✨

Heads-up! Applying a different theme to an existing course can be tricky (it’s best to select your theme at the very start of your course build) - but it’s not impossible!

If you have another course with that theme (alternatively, you can create a new, blank course just for this exercise), go into to the Style Your Course section of the course you want to change, scroll down to Apply Saved Styles and then select the course from which you want to copy over the theme’s out-of-the-box style settings (i.e. no custom CSS will be copied over).

Additional Styling Resources

If you don’t have an existing brand or style/color guide for your course, we highly recommend using Coolors.co to find color styles that look great!

If you don't have an existing logo for your course, we highly recommend Squarespace's Logo Creator. Super affordable and incredibly easy to use.