Skip to main content

Hello,

I did not find an answer - does anyone know how to change the textfield colors of the course status displayed in the My Activity page via CSS?
I managed to modify them at most of the other places, but am failing here.

Thanks

 





 

Found it, hope it can help someone.

div.user-status.completed {
    background-color: black !important;
}
div.user-status.in-progress {
    background-color: blue !important;
}
div.user-status.to-begin {
    background-color: red !important;
}


yo, and what about these colors? (they are misleading a bit) :

 


Customizing the PLAYER

/* Targeting the active list item */
.dcb-ui-list-item-active {
    background-color: #aaaaaa !important;
}

/* Targeting the badge status for 'In Progress' and changing text color */
.dcb-ui-badge-status-theme-info {
    background-color: #0c6c90 !important;
    color: #ffffff !important; /* Changing text color to white */
}

/* Targeting the badge status for 'Completed' and changing text color */
.dcb-ui-badge-status-theme-success {
    background-color: #06510f !important;
    color: #ffffff !important; /* Changing text color to white */
}


Customizing the PLAYER

/* Targeting the active list item */
.dcb-ui-list-item-active {
    background-color: #aaaaaa !important;
}

/* Targeting the badge status for 'In Progress' and changing text color */
.dcb-ui-badge-status-theme-info {
    background-color: #0c6c90 !important;
    color: #ffffff !important; /* Changing text color to white */
}

/* Targeting the badge status for 'Completed' and changing text color */
.dcb-ui-badge-status-theme-success {
    background-color: #06510f !important;
    color: #ffffff !important; /* Changing text color to white */
}


do u mind if i ask you the exact position to put these code?


Like all of the CSS for customization:
Configure branding and look - Custom styles - 7.0 custom CSS

The position should not matter.


Reply