Adding images to support custom CSS

Adding images to support custom CSS

by Cord Thomas -
Number of replies: 0

Greetings,

I wanted to enhance a few of the bootstrap components - like the image below, I added the icons to help the student understand they should click on the section to expand it.  I did this by loading an image into a page and then grabbing the URL - turns out that the path is user-specific somehow so my students get an error (no image is rendered) when they visit the same page.

Example of custom CSS to enhance bootstrap component

I created the CSS in the Appearance - Additional HTML section of the site administration.

Here is a snippet of my CSS - where can i load these files that can be accessed in the 

.card-header .btn-link:after {

   background-image:  url('https://pardee.moodle.school/draftfile.php/5/user/draft/868891065/toggle-close.svg');

   background-size:  30px 30px;

...

Average of ratings: -