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

Another styling question

Discussion in 'Styling and Customization Questions' started by iTuN3r, Dec 21, 2011.

  1. iTuN3r

    iTuN3r Well-Known Member

    I am trying to fix that issue can't see anything . How do i change those fonts colour .
     

    Attached Files:

  2. steel_curtain

    steel_curtain Well-Known Member

    Appearance > Styles > Style Properties > Login Bar > Text Control
     
  3. iTuN3r

    iTuN3r Well-Known Member

    Tried that it doesn't work i even posted this on xenfocus but looks like it will take a while to get response. Can't figure out how to fix that.
     
  4. steel_curtain

    steel_curtain Well-Known Member

    Add this to your extra.css and change the color to your liking.

    Code:
    #loginBar .textCtrl {
        color: #ffffff !important;
    }
     
  5. iTuN3r

    iTuN3r Well-Known Member

    Nope tried that too ....actually i tried that first time when i noticed that issue . But it doesn't work .
     
  6. steel_curtain

    steel_curtain Well-Known Member

    That is the regular login bar, correct?

    If so, did you try changing the value in login_bar.css?
     
  7. iTuN3r

    iTuN3r Well-Known Member

    i checked it tried changing the loginbar textctrl values but it doesn't change anything .
     
  8. Caelum

    Caelum Well-Known Member

    In EXTRA.css, add:
    Code:
    #pageLogin.xenForm.formOverlay{color:hotpink !important;}
    Where you can replace hotpink with a color, a hex value or an RGB value.
     
    iTuN3r likes this.
  9. iTuN3r

    iTuN3r Well-Known Member

    awesome thanks.
     
    Caelum likes this.
  10. iTuN3r

    iTuN3r Well-Known Member

    One more thing

    Login or Signup remains same part where i have shown with arrow.

    xenfocus.jpg
     
  11. Caelum

    Caelum Well-Known Member

    Anytime :p

    For that bit:
    Code:
    .titlebar.h1{color:hotpink !important;}
    Or, if that changes too many colors:

    Code:
    #content.login .titlebar.h1{color:hotpink !important;}
     
  12. iTuN3r

    iTuN3r Well-Known Member

    nope none of that is changing anything .
     
  13. Caelum

    Caelum Well-Known Member

    Whoops. That'll teach me not to write code at 7 AM. No it won't.

    Code:
    .titleBar h1{color:hotpink !important;}
    Or:
    Code:
    #content.login .titleBar h1{color:hotpink !important;}
     
  14. iTuN3r

    iTuN3r Well-Known Member

    nope not working lol
     
  15. Caelum

    Caelum Well-Known Member

    ...Huh. You are trying to change the big text saying 'Log in', yeah? Not the red notice?

    I'm positive it's the right code, even tested on my own install to be sure. Must be something specific to this style. Got a link for me to poke it?

    EDIT: Just dug up the style, I'm definitely misunderstanding you. Explain what exactly you want for me? :p
     
  16. iTuN3r

    iTuN3r Well-Known Member

Share This Page