XF 1.5 Moderator Bar Colour

#1
I am using the default theme and would like to change the Moderator/Admin bar colour to the header colour blue but cannot find any information on it.
I tried
#moderatorBar
{
background-color: blue !important;
}
in Extra.css but it didnt do anything at all.
Can someone please push me in the right direction.

Many Thanks
 

Brogan

XenForo moderator
Staff member
#2
This works for me in EXTRA.css:
Code:
#moderatorBar
{
background-color: @primaryMedium !important;
}
Are you using a third party style?
 

Brogan

XenForo moderator
Staff member
#4
Is there anything else in the EXTRA.css template?

Invalid code would prevent any other code after it from working.
 
#5
Ok, not sure as to why but that worked perfectly Brogan, many thanks for your help.
Is it possible to remove the light blue line it leaves behind?
 

Brogan

XenForo moderator
Staff member
#8
You just add it like so:
Code:
#moderatorBar
{
background-color: @primaryMedium !important;
border-bottom: 1px solid blue !important;
}
 
#9
Is there anything else in the EXTRA.css template?

Invalid code would prevent any other code after it from working.
This code to add a LogOff button

.xenOverlay #pageLogin,
.xenOverlay #pageSignUp
{
@property "formOverlay";
color: #eee;
background: rgba(0,0,0, 0.75);
padding: 15px 25px;
border: 20px solid rgba(0,0,0, 0.25);
border-radius: 20px;
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
_zoom: 1;
@property "/formOverlay";
margin: 0;
}

.xenOverlay #pageLogin .heading,
.xenOverlay #pageSignUp .heading
{
@property "formOverlayHeading";
font-weight: bold;
font-size: 12pt;
color: @primaryLightest;
background-color: @primaryMedium;
padding: 5px 10px;
margin-bottom: 10px;
border: 1px solid @primaryDark;
border-radius: 5px;
@property "/formOverlayHeading";

I put your code above it and it worked great.
 

oO5 Dynasty

Well-known member
#11
I am using the default theme and would like to change the Moderator/Admin bar colour to the header colour blue but cannot find any information on it.
I tried
#moderatorBar
{
background-color: blue !important;
}
in Extra.css but it didnt do anything at all.
Can someone please push me in the right direction.

Many Thanks


Peep what i did with this.

upload_2017-3-21_11-3-2.png
 

Attachments

Top