1. 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

Discussion in 'XenForo Questions and Support' started by Kaiser, Nov 16, 2010.

  1. Kaiser

    Kaiser Well-Known Member

    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?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    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;
    Terrorz likes this.
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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
  4. Kaiser

    Kaiser Well-Known Member

    Thanks it worked :)
  5. Kaiser

    Kaiser Well-Known Member

    Just change
    color: @primaryLightest;
    to the color html number
  6. Brogan

    Brogan XenForo Moderator Staff Member

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

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

Share This Page