Change color of login and signup links on top right

Brogan

XenForo moderator
Staff member
#2
That is controlled with this CSS in the login_bar.css template:

HTML:
#loginBar #loginBarHandle {
color: #101010;
font-size: 11px;
line-height: 20px;
text-align: center;
}
Change color: #101010; to something lighter, e.g. color: #FFFFFF;
 

Jake Bunce

XenForo moderator
Staff member
#3
That is controlled with this CSS in the login_bar.css template:

HTML:
#loginBar #loginBarHandle {
color: #101010;
font-size: 11px;
line-height: 20px;
text-align: center;
}
Change color: #101010; to something lighter, e.g. color: #FFFFFF;
Am I looking at different code? My default login_bar.css template has this:

Admin CP -> Appearance -> Templates -> login_bar.css

Code:
#loginBar #loginBarHandle
{
	position: absolute;
	right: 0px;
	bottom: -20px;
	text-align: center;
	z-index: 1;
	padding: 0 10px;
	font-size: 11px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right: 20px;
	line-height: 20px;
	background-color: @primaryDarker;
	box-shadow: 0px 2px 5px @primaryDarker;
	color: @primaryLightest;
}
You can see by default it uses this palette color:

Admin CP -> Appearance -> Style Properties -> Color Palette -> @primaryLightest
 

Kaiser

Well-known member
#5
Am I looking at different code? My default login_bar.css template has this:

Admin CP -> Appearance -> Templates -> login_bar.css

Code:
#loginBar #loginBarHandle
{
	position: absolute;
	right: 0px;
	bottom: -20px;
	text-align: center;
	z-index: 1;
	padding: 0 10px;
	font-size: 11px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right: 20px;
	line-height: 20px;
	background-color: @primaryDarker;
	box-shadow: 0px 2px 5px @primaryDarker;
	color: @primaryLightest;
}
You can see by default it uses this palette color:

Admin CP -> Appearance -> Style Properties -> Color Palette -> @primaryLightest
Just change
color: @primaryLightest;
to the color html number
 
Top