In learning from @DrNufer 's How to Canvas site, I've been working on adding background images to pages (https://www.howtocanvas.com/create-amazing-pages-in-canvas/background-css). Unfortunately, it appears that the code if being altered on copy, causing the image not to display.
Original code:
Code altered on copy:
I'm hoping it's something in the way I wrote the code. Any help is appreciated!
@vlgutier4 That's a real bummer. While I haven't used this code before, my instinct is that this has something to do with how you added the image to the RCE. Are you adding the image and then messing with the code or trying to code it in from the start? I imagine that adding the image first should likely work.
You are storing the image in the course and then the image is being copied over to the new course as well, correct? What form of copying are you using to get content course to course? I know some people copy and past content over, which frequently breaks references and links.
Hi @vlgutier4,
Have you tried putting the full url to the image in the original course, not just the relative path (https://school.instructure.com/courses/96878/files/20862122/preview instead of just /courses/96878/files/20862122/preview')? There are a lot of areas of Canvas that don't seem to like relative/path URLs and will straight up reject them. Since you're manually editing HTML, you're not getting prompted about this, but may be seeing the resulting issue because of it. I don't know for sure if this will fix everything, but it's something you can at least try.
-Chris
I have used @DrNufer's code from https://www.howtocanvas.com/create-amazing-pages-in-canvas/background-css to successfully use an image in a Canvas course. Please try this code and you will get a result that is similar to what is in the screenshot provided below.
COURSE_ID/files/FILE_ID/preview') no-repeat center; align-items: center; display: flex; justify-content: center; height: auto; width: auto;">This is my new Canvas page that I am making on 2025-09-14.
After you get that result, you would be able to use other code that @DrNufer provides.
Something to note and I tried this: When copying/import from one course together another (and I tried the different ways that Canvas supports), you will need to manually change the source for where the image is located because the Canvas copy/import process does not automatically change the source because it was manually added.
-Doug
Enhance your access to articles, forums, and events—and to participate by sharing insights, engaging in discussions, and connecting with your network of edtech peers.
Hi all, When uploading a SCORM package and outputting as an assignment, full screen works within the package. However when outputted as a page, it doesn't. Anyone found a getaround that isn't "just use the assignment option??"
Cordial saludo Actualmente estamos presentando una inconsistencia en New Quizzes al momento de realizar la migración y posterior edición de las evaluaciones. Específicamente, al intentar modificar una pregunta y eliminar una de sus opciones de respuesta, el sistema no permite ejecutar dicha acción. Con el fin de descartar…
Our institution is setting up 9 institutional outcomes in Canvas. Several of our outcomes have multiple skill sets within the rubric. For example: Critical Reading – Skill Set A Critical Reading – Skill Set B Critical Reading – Skill Set C Our understanding is that Canvas Outcomes data reports can provide the overall/total…
I am just curiousas to why there is not a field to enter a description for an outcome at the account level? Or at least edit the rating when you attach/link an account level outcome to a rubric. When you create a new criterion for a rubric, you enter a decription for a rating, but for an account level outcome.
We use a pre- post- model to measure learning which requires student-question matching from two time periods. This requires exporting quiz data to CSV to do the analysis properly. (I can get into more detail if needed.) The New Quizzes Student Analysis CSV export has repeated blocks of ItemID then columns related to that…
