Skip to main content
Best Answer

How to change the colour of the initials using CSS

Hi all,

 

I have been tasked to change the initials within the menu page which is currently blue, and they want it changed to black.

 

Does anyone know how to do this?

5 replies

lrnlab
Rank
Userlevel 7
Badge +8

initials?

M

I mean this part:

This image is just an example but the TA is in blue and a user wants me to change to black. I have tried several CSS codes and managed to change it when we view it on our side but when they log in they still see it as blue. They have cleared their cookies and cache and still no change. 

I have been trying to change it within this section

 

In this CSS part.

 

 

lrnlab
Rank
Userlevel 7
Badge +8

hmm, ok...I had a look at the color options in Config & Branding but none actually change that text color…

Tagging our resident CSS expert @gstager who may be able to help.

gstager
Rank
Userlevel 7
Badge +6

As with all edits such as this - make sure that you are checking other areas that may also be changed by the CSS mod.

This should be a good place to start.

/** Color Change of Initials in Profile Block **/
/** Modify color as desired **/

.avatar__initials span {
    color:#000000;
}

/** End of Color Change of Initials in Profile Block **/

 

Greg
lrnlab
Rank
Userlevel 7
Badge +8

As with all edits such as this - make sure that you are checking other areas that may also be changed by the CSS mod.

This should be a good place to start.

/** Color Change of Initials in Profile Block **/
/** Modify color as desired **/

.avatar__initials span {
    color:#000000;
}

/** End of Color Change of Initials in Profile Block **/

 

thanks @gstager knew you would have the answer!!

Reply


Terms & ConditionsCookie settings