Found this content helpful? Log in or sign up to leave a like!

[Rich Content Editor] HTML code "Background: url ()" is altered on copy

vlgutier4
Community Explorer

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: <div style="background: url('/courses/96878/files/20862122/preview') no-repeat center / cover; align-items: center; display: flex; justify-content: center; height: auto; width: auto;"> 

Code altered on copy: <div style="background: url('$CANVAS_COURSE_REFERENCE$/file_ref/g8c59b4aa41d58a7470e59b26a7c3ac0d/preview') no-repeat center / cover; align-items: center; display: flex; justify-content: center; height: auto; width: auto;">

I'm hoping it's something in the way I wrote the code. Any help is appreciated!

Labels (1)
0 Likes