The Instructure Community will enter a read-only state on November 22, 2025 as we prepare to migrate to our new Community platform in early December.
Read our blog post for more info about this change.
Found this content helpful? Log in or sign up to leave a like!
I am building a template for my institution and have done this using css within the html. I have so many pages that use this code that it is becoming impossible to maintain. I would like to use a style sheet instead but keep on reading that this could cause conflict.
The additions I am making concern quite simple code i.e colours, border-radius, grid-row etc. There is no javascript necessary and so far I have used the canvas whitelist tagsonly. What would be the objections to doing this? And if one were to upload a css stylesheet using only whitelist tags, would this be a safe option and less susceptible to change? Also, do the warnings for using your own stylesheet only concern using javascript?
Any information on this would be appreciated.
Tamar
You may want to consider adding your own custom class names or at least a custom class name for a div wrapper that you use on your template pages. Make sure the class name is unlikely to overlap with class names used by Canvas, such as by including your initials or an abbreviated form of your institution's name as a part of the class name. Then be sure that the style rules you declare in your stylesheet utilize that class name as part of the selectors. This will help to ensure your styles are only applied to elements that are connected to the custom class name you defined.
Community helpTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign inTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign in