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

XF 1.4 user banner help

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

  1. Brad P

    Brad P Active Member

    see picture below

    1. there is a red wrap still visible?
    2. how can i make banner smaller to fit inside block better
     

    Attached Files:

  2. Gemma

    Gemma Well-Known Member

    1. there is a red wrap still visible?

    Code:
    .userBanner.wrapped span {
      position: absolute;
      top: -4px;
      width: 5px;
      height: 4px;
      background-color: inherit;
    }
    Change the background-color: inherit; to background-color: rgba(255, 255, 255, 0);

    2. how can i make banner smaller to fit inside block better

    Code:
    .messageUserBlock .userBanner {
        display: block;
        margin-bottom: 5px;
        margin-left: -12px;
        margin-right: -12px;
    }
    Either remove the margin-left and margin-right code or reduce the values.

    bye!_s0reThumbs_Community_-_2015-08-19_13.30.20.png
     
  3. Brad P

    Brad P Active Member

    hey Gemma,

    Do i add that code into the EXTRA.css?
     
  4. Brad P

    Brad P Active Member

    never mind i got it working, thank you Gemma, i do have one more question how do i remove the font awesome icon next to the username
     

Share This Page