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

XF 1.1 how do you center the log in or sign up tab?

Discussion in 'Styling and Customization Questions' started by petertdavis, Jul 4, 2013.

  1. petertdavis

    petertdavis Well-Known Member

    That little "Log in or Sign up" tab that hangs down from the top and pulls down the login/signup when you click it? By default it's right aligned. I was thinking it might work better on my sites to have it centered, because I have a banner right under it. How would I do that?


    I'm using 1.1 now, please let me know if this would change after upgrading to 1.2. I'm trying to keep my styles as default as possible to eliminate problems at upgrade time.
     
  2. Matthew Hawley

    Matthew Hawley Well-Known Member

    Code:
    #loginBar #loginBarHandle {
    align: center;
    }
     
    Last edited: Jul 4, 2013
  3. Tracy Perry

    Tracy Perry Well-Known Member

    Code:
    #loginBar #loginBarHandle {
    margin-right: 49%;
    }
    may work.
     
  4. Matthew Hawley

    Matthew Hawley Well-Known Member

    Ah i didnt put # and the loginBar. :oops: On my mobile.
     
  5. Tracy Perry

    Tracy Perry Well-Known Member

    Actually, align: center; does not appear to work (at least on the style I am using). You have to use the margin-right. If you do it in just the #loginbar then it ends up screwing a few other style effects up.
     
  6. Matthew Hawley

    Matthew Hawley Well-Known Member

    Really? Didnt know. Well i'll give myself an A for effort.:LOL:
     
  7. Tracy Perry

    Tracy Perry Well-Known Member

    It helps that I'm sitting at my Mac and using Chrome Developer - so I tried several iterations of CSS input.:p
    And here ya' go
    a-for-effort-paper.jpg
     
    Amaury and Shelley like this.
  8. Shelley

    Shelley Well-Known Member

    A nice method to undertake is if you are unsure make sure what your suggesting you test out on a test forum first. This way the support your giving will work for the user.
     
    Jeremy likes this.
  9. borbole

    borbole Well-Known Member

  10. Lisa

    Lisa Well-Known Member

    *sighs*....

    margin-right: 50%;

    tada.png
    ;)
     
    Jeremy likes this.
  11. Matthew Hawley

    Matthew Hawley Well-Known Member

    I was on my dads android at the moment. Android Browser is a pain.
     
    Last edited: Jul 5, 2013
  12. Tracy Perry

    Tracy Perry Well-Known Member

    For some reason 50% was doing something weird on mine when I kept playing with it (did not quite look centered). May have had something to do with the style that I had set up tho'.
     
    Lisa likes this.

Share This Page