How do I remove the arrow from the userinfo box?

mrb1972

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

thanks
 

James

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

Brogan

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

Or you could try adding this to EXTRA.css:
Code:
.navTabs .navTab.PopupClosed .arrowWidget {
background-image: none;
}

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

Kier

XenForo developer
Staff member
To remove the arrow/triangle next to your avatar in the user info box shown on messages, add this to your EXTRA.css
Code:
.messageUserInfo .arrow
{
	display: none !important;
}
 
Reactions: Kim

Brogan

XenForo moderator
Staff member
D'oh!

Completely misread that request :rolleyes:

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

Kim

Well-known member
To remove the arrow/triangle next to your avatar in the user info box shown on messages, add this to your EXTRA.css
Code:
.messageUserInfo .arrow
{
display: none !important;
}
Was just looking for this, Thank you Sir!
 
Top