<h2 style="color: #686868; position: absolute; padding: 1rem; z-index: 9999; background: #ECECEC; margin-top: 0rem;"><span style="color: #333333;">TITLE HERE</span></h2>
<div style="width: 100%; overflow: hidden;"><img src="https://canvas.sydney.edu.au/courses/12079/files/4107150/preview" alt="" width="1146" height="229" data-api-endpoint="https://canvas.sydney.edu.au/api/v1/courses/12079/files/4107150" data-api-returntype="File" data-decorative="true" /></div>
Gives you this - you can move as you see fit.
Yes, it works! Thank you. I have discovered however that Canvas likes to mess with my tags when adding html code. It took several tries to get some links to show up over my background pic. Canvas kept adding ending tags in unexpected places.
Nice work Sharon, Thanks!
I made a washed out (semi transparent) background image and added it to a page by just putting the new image URL in the same format as yours. I stripped out your "New title" colours and formatting and voila!!!
NOTE: I did make the graphic taller with blank space so I did not have to fiddle with scrolling bars. I have dropped my amended code below the screenshot.
Replace HTML of page with the following.
<div style="position: absolute; padding: 1rem; z-index: 9999; margin-top: 0rem;">
Normal content here
<div style="width: 100%; overflow: hidden;"><img src="https://wenona.instructure.com/courses/1877/files/199175/preview" alt="" width="800" height="1200" data-api-endpoint="https://wenona.instructure.com/api/v1/courses/1877/files/199175" data-api-returntype="File" data-decorative="true" /></div>
Hi, All! (I'm a newbie here so please pardon my bumbling...)
I am also working on the images/graphics for my Canvas courses so this question was perfect. Then "EEEEKKK!" How much HTML do we need to do? In another blog, the author mentioned creating images in PowerPoint (save as JPG or PNG). Are these substitutes? Or do I need to become a programmer in addition to everything else?
Are you trying to add images to the Canvas LMS course or on the Canvas Catalog? I was able to add images to the Catalog and course listings with minimal HTML knowledge.
Canvas LMS course. I got it worked out. Thanks for response!
I have imported content from my old Bb course --but it feels like moving boxes all got dumped-out and mixed up--and I have to reorganize into a new space. I know all the "stuff" is there but it is going to take a fair amount of work to make it usable.
Hello, I have tried to put an image as a background on a page, but I have not been successful. The image appears as if it were a broken link .... a small clipped image .. I have already tested all the codes and I am not successful, any suggestions?