Skip to main content

Hi all, 
I have managed to change the course images and thumbnails on a number of courses. When I go into a course it displays fine, and when I first click into a part saved course, however when I come out of the course I get the default pre-set image. Does anyone know how to change this please? 


 

Can we assume that you also want to change this image for a completed LO?

 

 


For either illustration, you should be able to target this CSS selector:

dcb-ui-blank-slate

 

Examples:

This hides the entire div:

dcb-ui-blank-slate {

    visibility: hidden;

}

 

These two together will replace the image with a cat but leave the text below unchanged:

dcb-ui-illustration {

    visibility: hidden;

}
 

dcb-ui-blank-slate {

    visibility: visible!important;

    background: url(https://pics.clipartpng.com/Cat_PNG_Clip_Art-2690.png) no-repeat center !important;

}


Thanks, I wanted to replace both the resume and complete images with the course image. The message displayed is fine, I just don't want to use the pre-set images. Is there a way to change this by course so the images match the course image? 
Where do I enter the code? When you say replaces with a cat, where does the image come from, can I use other images?

Sorry novice here not used CSS before

Thanks 

 


In my example I used a cat from https://pics.clipartpng.com/Cat_PNG_Clip_Art-2690.png to replace the image.  You would just substitute whatever picture URL you want in its place.  You can find lots of free images at places like this: https://unsplash.com/about

I don’t believe there’s a way to replace the images selectively (by course) with CSS.


Thank you 

 


@Lorraine - good morning - what you are calling out seems to be a bug but ​@elamast (Ed’s) callout of being able to manage that visual element globally is true. A question - did you report it as a bug out to support? It seems like we should be able to land back at a background image selected.


Reply