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

How do I remove the arrow from the userinfo box?

Discussion in 'XenForo Questions and Support' started by mrb1972, Mar 20, 2011.

  1. mrb1972

    mrb1972 Active Member

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

  2. Brogan

    Brogan XenForo Moderator Staff Member

    Which arrow?
  3. mrb1972

    mrb1972 Active Member

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

    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.
  5. Brogan

    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:
    .navTabs .navTab.PopupClosed .arrowWidget {
    background-image: none;
    .navTabs .navTab.selected .arrowWidget {
    background-image: none;
  6. Kier

    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
    .messageUserInfo .arrow
    	display: none !important;
    Kim likes this.
  7. Brogan

    Brogan XenForo Moderator Staff Member


    Completely misread that request :rolleyes:

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

    mrb1972 Active Member

    That worked... Thanks very much
  9. Kim

    Kim Well-Known Member

    Was just looking for this, Thank you Sir!

Share This Page