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

XF 1.4 members user info block

Discussion in 'Styling and Customization Questions' started by Brad P, Aug 31, 2015.

  1. Brad P

    Brad P Active Member

    evening chaps,

    How do i remove the black background on the badges? so it only shows the badge.
     

    Attached Files:

  2. DEZero

    DEZero Well-Known Member

    .avatar img, .avatar .img, .avatarCropper{

    background-color
     
  3. Brad P

    Brad P Active Member

    does this go in extra css?
     
  4. Amaury

    Amaury Well-Known Member

  5. DEZero

    DEZero Well-Known Member

    yeah, if it doesn't work add !important to it.
     
  6. Brad P

    Brad P Active Member

    not working with important
     
  7. Brad P

    Brad P Active Member

    .avatar img, .avatar .img, .avatarCropper {
    background-color !important;
    }

    thats how ive tried it?
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    You haven't actually defined the colour - the CSS is invalid.
    Code:
    .avatar img,
    .avatar .img,
    .avatarCropper
    {
        background-color: transparent;
    }
     
  9. Brad P

    Brad P Active Member

    Thank you Brogan, can you tell me if its possible to remove the square line around the badge
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    This set of guides should help with regards to customising: How To...

    This site will help you learn how to use CSS: CSS Tutorial
     
  11. DEZero

    DEZero Well-Known Member

    Do

    Border: 0px !important;

    In that same code.

    This will also remove it from avatars however, unless there us a custom line for the badges you can check.
     

Share This Page