Themes

change the logininfo color

 
Picture of Martin Koops
change the logininfo color
 

In trying to modify the xcss files I run into the following problem:

I cannot change color of the variable part of the logininfo.

In firefox I lookup the information of id's and class information. here I find that the logibn text is class: logininfo, but adding color: white here, onlyy changes the color of the fixed part: "you are logged in as"

Any suggestions??

 
Average of ratings: -
Picture of Urs Hunkler
Re: change the logininfo color
Core developers

Martin, with

.logininfo {
  color:#FFF
}

you change the text color. If you also want to change the color of the links you add

.logininfo a:link {
  color:#your link color
}

.logininfo a:visited {
  color:#your visited link color
}

.logininfo a:hover {
  color:#your hover link color
}

I hope this helps.
Urs

 
Average of ratings: -
Picture of Peter Self
Re: change the logininfo color
 

Hi - I know you posted this way back! In which file should these additions go? I wish to change the 'Login' (or 'Logout' if already logged in!) link colour.

Regards...Peter

 
Average of ratings: -
Frank Ralf
Re: change the logininfo color
Documentation writersPlugin developers
Hi Peter,

CSS FAQ and Themes FAQ are good starting points.

You might even get fancy and try the following (see screenshot):


div.logininfo a + a {
color: fuchsia !important;
font-weight: bold !important;
}

Note:
The adjacent sibling selector (+) won't work in all browsers (http://reference.sitepoint.com/css/adjacentsiblingselector).

hth
Frank

 
Average of ratings: -