Change unit completion to gold star

Hello, I am trying to change the unit completion knob. instead of going to 100% I would like it to turn into a gold star when the student has completed the unit, I have spent tons of time trying to figure this out so I just thought I would ask it here.

  • Kasia Swiderska

    Hello Black Fox,

    I think this is possible with bit of custom CSS - this is only workaround that will allow you to hide know and put layer with star image on it when its 100%:

    .unit-archive-single .knob[value="100"] {
    display: block;
    position: absolute !important;
    top: -25px;
    right: 0;
    background-color: red !important;
    height: 100px !important;
    width: 100px !important;
    background-image: url('http://www.dogoilpress.com/data/wallpapers/28/FDS_593169.jpg') !important;
    color: transparent !important;
    }
    
    .unit-archive-single {
        position: relative;
    }

    It needs more tweaking (like right image with right size and background) - but it should give effect like this:

    kind regards,
    Kasia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.