Canvas Content Styling Guide

Style your Canvas courses with HTML and CSS — no prior coding experience needed

A practical reference for administrative staff in further and higher education who want to make their Canvas course pages look clear, consistent, and professional. Every example is ready to copy and paste directly into the Canvas Rich Content Editor.

What you will find here

The guide starts with the basics — headings, lists, and tables — and gradually introduces layout, colour, components such as buttons and tabs, and accessibility techniques. Each section covers both Canvas's own built-in CSS classes and modern inline styles, so the examples work regardless of how your institution has configured Canvas.

Every code block has a copy button, and where a topic goes deeper than this guide covers, there is a link to the relevant MDN documentation.

Start with the Introduction →