• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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