user banner styling

Currently reading:
user banner styling

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
119
46
Hi @BassMan
i like how look user banner style at here, how to make like that, hope you can share code.
thanks.
hj.png
 

BassMan

Staff member
Administrator
May 18, 2015
1,104
686
www.customizexf.com
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 */
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top