Help with avatar area styling

[Rho Delta]

I do not want the little triangle area filled with that solid color, I want the outline to match the rest of the avatar area and the fill to match the lighter color that is inside.

 

[Shelley]

Remove transparent from border-color and insert the hexvalue you want to use which is in your case #e9eaec. I'm sure this resides in the style properties though.

.messageUserBlock .arrow span {
 
    border-color: transparent -moz-use-text-color transparent #F0F7FC;
}

 

[Rho Delta]

Remove transparent from border-color and insert the hexvalue you want to use which is in your case #e9eaec. I'm sure this resides in the style properties though.

.messageUserBlock .arrow span {
 
    border-color: transparent -moz-use-text-color transparent #F0F7FC;

Do you know where I can change it in style properties so that I don't have to add the code to extra.css?

 

[Shelley]

Do you know where I can change it in style properties so that I don't have to add the code to extra.css?

I just looked in style properties and couldn't find the option. I don't think the option is added to the SP.

 

[Rho Delta]

Hmm the code you provided didnt seem to do anything.

 

[Shelley]

I missed the "}" out at the end add that in. You may also want to try adding !important before the ";"

you did remove "transparent" before the hexvalue? you'll have to remove that.

 

[Shelley]

My mistake sorry (blonde moment). try the following:

.messageUserBlock .arrow span {
    border-color: transparent -moz-use-text-color transparent #e9eaec !important;
}

 

[Rho Delta]

Hmmm still nothing.

 

[Shelley]

It works on my installation perhaps you have some kind f conflict in your extra.css template. Maybe somebody else can step in and offer further assistance to what the issue might be.

 

[Acelondoner]

Maybe cache is stopping the changes from showing?