How to Create π₯ Columns π₯ in Canvas π₯ |
![]() |
Extra! Extra! Have you ever pined over columns in Canvas, but find yourself woefully limited to the single column default? With a little CSS in your theme editor, you can create classes that allow you to introduce columns to your page layouts.
Grab some code from my blog and start tinkering. https://www.howtocanvas.com/theme-editor/columns 0:00 - Intro 0:55 - Disclaimer 1:24 - Looking at the code 2:07 - Creating the class 2:33 - Padding (optional) 2:56 - Columns - width and number 5:09 - Column-fill: balance vs. auto 6:54 - Column-gap 7:27 - Column-rule 8:14 - Upload to theme editor 9:06 - Canvas HTML (bringing columns to life) 10:14 - Final thought Missed my InstructureCon session? No worries! https://www.instructure.com/canvas/resources/instructurecon-2022/create-amazing-content-in-canvas Please consider subscribing for more Canvas tips and tricks: http://bit.ly/how2canvasβββββββ Website: https://www.howtocanvas.com/ Twitter: https://twitter.com/howtocanvas Instagram: https://www.instagram.com/howtocanvas/ Facebook: https://www.facebook.com/HowToCanvas |