Navbar colour

[paulmitchell1989]

Hello!

 

Thanks to the wonderful Graham I've managed to change the colour of the nav bar to blue and all but one icon to white

However the one last icon is the assignment manager. I've found the icon file at /frogos/app/public/icon/UI/assignment.png?v= and uploaded the new white one to https://www.wheelerslane.bham.sch.uk/user/74/259454.png (Did originally upload it to Learn but couldn't see it on the white background to copy the link lol).

 

I'm not great with HTML so adapted the one shown to me by Graham, this is the one I used to no avail...

<style>

.os-navbar-icon-assignments>li>span:first-child{

background-image: url(https://www.wheelerslane.bham.sch.uk/user/74/259454.png) !important;

}
</style>

 

Does anyone know where I'm going wrong?

 

Thanks in advance!

 

Paul

 

[clangstaff]

Below is the code I'm using the change the assignments icon - looks as though you are missing a couple of classes.

    /*  Assignments logo  */
    .os-titlebar .nav.os-navbar-icon>li.os-navbar-icon-assignments>span:first-child {
    background-image: url(https://www.holmfirthhigh.co.uk/frogos/app/file/resource/D60318C920030ED233E59F9BCF16D0062676283CC46E54AD.png)!important;
    background-repeat: no-repeat;
    margin: 14px 12px 14px 12px!important;
}
    
    .os-titlebar .nav.os-navbar-icon>li.os-navbar-icon-assignments:hover>span:first-child {
    background-image: url(https://www.holmfirthhigh.co.uk/frogos/app/file/resource/D691D5CA200304E6A40B0F6704F31F0EC7276A1C9710910B.png)!important;
}
    
       /*  Assignments logo  */

 

[paulmitchell1989]

Thank you so much!