How do I remove the arrow from the userinfo box?

[mrb1972]

As title, is it possible to remove the arrow completly? css in the extra.css if possible rather then templates edit

thanks

 

[Paul B]

Which arrow?

 

[mrb1972]

Which arrow?

The one on the right of my avatar , as seen on this screen

 

[James]

I believe there is a span with a class of arrow that you can remove in the message_user_info template. I'm not 100% sure because I'm on my mobile.

 

[Paul B]

Yes, that would be a template edit to remove <span class="arrowWidget"></span>

Or you could try adding this to EXTRA.css:

.navTabs .navTab.PopupClosed .arrowWidget {
background-image: none;
}

.navTabs .navTab.selected .arrowWidget {
background-image: none;
}

 

[Kier]

To remove the arrow/triangle next to your avatar in the user info box shown on messages, add this to your EXTRA.css

.messageUserInfo .arrow
{
	display: none !important;
}

 

[Paul B]

D'oh!

Completely misread that request

Thought it was for the navbar menu.....need more coffee I think

 

[mrb1972]

That worked... Thanks very much

 

[Kim]

To remove the arrow/triangle next to your avatar in the user info box shown on messages, add this to your EXTRA.css

.messageUserInfo .arrow
{
display: none !important;
}

Was just looking for this, Thank you Sir!