• 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

Gemma

Well-known member
#2
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
 

Brad P

Active member
#3
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.

View attachment 114487
hey Gemma,

Do i add that code into the EXTRA.css?
 

Brad P

Active member
#4
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