user banner styling

BassMan

Staff member
Administrator
Messages
632
Likes
302
Website
www.customizexf.com
#2
Hi maszd,

sure, here you go:

Code:
.userBanner {
  background: none;
}

.userBanner.bannerPrimary {
  color: #fff;
  background-color: #0099CF;
  border-color: #0099CF;
}

.userBanner.bannerStaff {
  color: #fff;
  background-color: #3462A0;
  border-color: #3462A0;
}

.userBanner.bannerBlue {
  color: #fff;
  background-color: #65046B;
}


/* START - User Banner */
.messageUserBlock .userBanner {
    margin-bottom: 1px !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
    top: 3px;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .messageUserBlock .userBanner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}
</xen:if>

.userBanner {
    border: none !important;
    border-radius: 2px !important;
}
.userBanner.wrapped span {
    position: initial;

}
/* END - User Banner */
 

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Similar threads