• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Help with avatar area styling

Rho Delta

Well-known member
#1
OldRow.png
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

Well-known member
#2
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.

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

Rho Delta

Well-known member
#3
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.

Code:
.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

Well-known member
#6
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

Well-known member
#7
My mistake sorry (blonde moment). try the following:

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

Shelley

Well-known member
#9
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.