Thank you this was very helpful. My school switched to Canvas last year from Schoology which you could change the color of the titles. This will make a difference.
I really wanted the text color changed on the white background in Canvas so I made the colorbox color white and the color whatever I wanted. For example: \(\color{textcolor}\colorbox{white}{title}\). I am not even close to saying I'm savvy with computer code, but I shocked myself when I found this work around. Thank you for getting me started.
Two questions: How do I change the font family? I'd like to have a sans serif font. Is there anyway to make this work on the Canvas mobile app? It works great on my laptop, but only shows up as code on my phone.
Unfortunately, as far as I can tell, the mobile browser interprets code differently from the desktop version of Chrome. It will not support the LaTex language. Also, I am currently working on changing to sans-serif myself. I am still looking for a way to do this with "in-line" Latex. LOL If you come up with a solution, please let me know.
Hi Regan, this is a really neat idea; I had no idea that changing the colors of the text was possible on the module page. I do want to say, though, that the color-coding inclusivity issue is valid. Canvas, as an organization, has to comply with the Americans with Disabilities Act, which covers color blindness. The issue is that if you use color to convey meaning, and you don't provide any other way for someone who can't see color to interpret that meaning, they are disadvantaged. (10% of the American population has some form of color blindness.) This is how the law works: you just need to provide a *second* alternative way of conveying the information. So, when you have a video in the course, you need to provide closed captioning or a transcript. When you have an image in the course, you provide alternative text (alt text) that explains what is in the image. You can still have these elements; you just also need to back them up for those who can't read or hear. Now, the way you are using the colors in your course is more of an enhancement (decorative) than something that is necessary for conveying meaning. That is, the order of your items in the modules and their titles covey the necessary meaning for everyone. But someone, somewhere might not know this issue exists, and might rely totally on color to differentiate between, for example, a set of exams. (Bad example, but you get the point.) So, Canvas can't provide that functionality. In any case, Canvas is legally bound to provide a product that is ADA compliant. So, don't be too hard on them for refusing to add this as an enhancement!
Thank you! is there a limit to how many things you can do in one. like I am playing around with trying to change the font color, text box color, make it bold and large? \( \color{white}\colorbox{Maroon}textbf{\Large sample text.} \) (when I enter this it makes a t white and in a box and the rest is big and bolded but not in the box. (this is great though super helpful stuff that I can keep trying@@VikingsInstructionalDesign
@@VikingsInstructionalDesign I got this to work : \( \color{White}\colorbox{Maroon}\textbf{Large}{0. Getting started: Helpful tips as you begin this training.} \) still playing around with where to put to others to make the text large / bold . But regardless this is AMAZING ! Thank you!
Thank you for this code. It worked perfect. One question is the title box, when just entering regular text, normally auto wraps. When I use this code it no longer wraps. Is there a way to have it auto wrap?
(\color{textcolor}\colorbox{backgroundcolor}{text}\) Use this code and replace textcolor, and backgroundcolor with the colors of your choice. Also replace the word text with your title of choice. Paste this into the the box for your module title. Make sure that you copy and paste the code exactly. Also be aware that at times, the text or format will change if you click the edit button to change your title. Make sure that the format does not change.
Thank you this was very helpful. My school switched to Canvas last year from Schoology which you could change the color of the titles. This will make a difference.
I really wanted the text color changed on the white background in Canvas so I made the colorbox color white and the color whatever I wanted. For example: \(\color{textcolor}\colorbox{white}{title}\). I am not even close to saying I'm savvy with computer code, but I shocked myself when I found this work around. Thank you for getting me started.
Thank you for doing this! I used \( \color{Red}\colorbox{White}{ASK YOUR INSTRUCTOR (and your fellow students)} \). It worked exactly like I wanted.
Unfortunately, picking out a module or assignment title in colour changes the font from "Lato" to some old-style serif font.
Two questions:
How do I change the font family? I'd like to have a sans serif font.
Is there anyway to make this work on the Canvas mobile app? It works great on my laptop, but only shows up as code on my phone.
Unfortunately, as far as I can tell, the mobile browser interprets code differently from the desktop version of Chrome. It will not support the LaTex language. Also, I am currently working on changing to sans-serif myself. I am still looking for a way to do this with "in-line" Latex. LOL If you come up with a solution, please let me know.
Hi Regan, this is a really neat idea; I had no idea that changing the colors of the text was possible on the module page.
I do want to say, though, that the color-coding inclusivity issue is valid. Canvas, as an organization, has to comply with the Americans with Disabilities Act, which covers color blindness. The issue is that if you use color to convey meaning, and you don't provide any other way for someone who can't see color to interpret that meaning, they are disadvantaged. (10% of the American population has some form of color blindness.)
This is how the law works: you just need to provide a *second* alternative way of conveying the information. So, when you have a video in the course, you need to provide closed captioning or a transcript. When you have an image in the course, you provide alternative text (alt text) that explains what is in the image. You can still have these elements; you just also need to back them up for those who can't read or hear.
Now, the way you are using the colors in your course is more of an enhancement (decorative) than something that is necessary for conveying meaning. That is, the order of your items in the modules and their titles covey the necessary meaning for everyone. But someone, somewhere might not know this issue exists, and might rely totally on color to differentiate between, for example, a set of exams. (Bad example, but you get the point.) So, Canvas can't provide that functionality.
In any case, Canvas is legally bound to provide a product that is ADA compliant. So, don't be too hard on them for refusing to add this as an enhancement!
This great thanks for sharing! How would you go about changing it to bold and making the text bigger in addition to these?
try adding \textbf to make bold text. ex. \( \color{red}\textbf{Your Text Goes here} \)
or similarly, try this example \( \color{red}\textbf{\Large Student Textbook Information} \)
Thank you! is there a limit to how many things you can do in one. like I am playing around with trying to change the font color, text box color, make it bold and large?
\( \color{white}\colorbox{Maroon}textbf{\Large sample text.} \) (when I enter this it makes a t white and in a box and the rest is big and bolded but not in the box. (this is great though super helpful stuff that I can keep trying@@VikingsInstructionalDesign
@@VikingsInstructionalDesign I got this to work : \( \color{White}\colorbox{Maroon}\textbf{Large}{0. Getting started: Helpful tips as you begin this training.} \) still playing around with where to put to others to make the text large / bold . But regardless this is AMAZING ! Thank you!
Thank you for this code. It worked perfect. One question is the title box, when just entering regular text, normally auto wraps. When I use this code it no longer wraps. Is there a way to have it auto wrap?
Do you have to know how to use LaTex to do this?
To the extent that it is used in the video you need to know it. You could just copy and paste but it is still LaTex code.
@reganwhite could you place the exact code so we can use it please?
(\color{textcolor}\colorbox{backgroundcolor}{text}\) Use this code and replace textcolor, and backgroundcolor with the colors of your choice. Also replace the word text with your title of choice. Paste this into the the box for your module title. Make sure that you copy and paste the code exactly. Also be aware that at times, the text or format will change if you click the edit button to change your title. Make sure that the format does not change.
I copied your code and tried this and all I got was the code. No title with colours.
You have to get the spacing exactly correct. Copy and paste your code that you typed in and post it here.