XF 1.4 user banner help

[Brad P]

see picture below

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

 

[Gemma]

1. there is a red wrap still visible?

.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

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

 

[Brad P]

1. there is a red wrap still visible?

.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

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

View attachment 114487

hey Gemma,

Do i add that code into the EXTRA.css?

 

[Brad P]

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