Change color of login and signup links on top right

[Kaiser]

If you visit my forum http://adminbb.info/index.php you will see the top links to login & signup are hard to see because of the color, can someone guide me on exactly what to do to change the color of the links to white?

 

[Paul B]

That is controlled with this CSS in the login_bar.css template:

#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]

That is controlled with this CSS in the login_bar.css template:

#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

#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]

Thanks it worked

 

[Kaiser]

Am I looking at different code? My default login_bar.css template has this:

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

#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

 

[Paul B]

Am I looking at different code? My default login_bar.css template has this:

My mistake Jake.
I pasted the content from Firebug instead of the template <facepalm>

I'll have to be careful of that in future.