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

login / sign in box background colour

Discussion in 'XenForo Questions and Support' started by Alex Apple, Oct 24, 2010.

  1. Alex Apple

    Alex Apple Member

    Last question for the moment, I promise!

    Where can I change the background colour of the login/signup (popup) box? Right now, it's black text on black, which is not a good look...
     

    Attached Files:

  2. Russ

    Russ Well-Known Member

    That should be under->

    Appearance -> Style Properties - > Your template of choice -> Form Elements
     
    Alex Apple likes this.
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Edit this template:

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

    Code:
    	#loginBar .textCtrl:focus
    	{
    		background: black;
    	}
    
    The text uses this palette color:

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

    Or if you want to make an exception for that one instance then you can edit the same template to reference a different palette color or manually set a color:

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

    Code:
    	#loginBar .textCtrl
    	{
    		background: @primaryDark;
    		border-color: @primaryLightish;
    		color: @primaryLightest;
    	}
    
     
    Alex Apple likes this.
  4. Carlos

    Carlos Well-Known Member

    Everytime I use these @colors, it overwrites another variable, if I change the color. For example, I tried changing the options bar (babyblues), but instead, I changed the color for outlines, AND therefore it changed the footer variable!

    So, I will fix this login box by hex'es.
    Does this css sheet have a variable for font colors?
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Most of the palette colors are used in multiple locations on the page. So yes, you can manually set hex codes for specific locations in the CSS.

    The font color in the login box is a different section in the same template. That is in my previous post.
     

Share This Page