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

How do I center my logo image in the header?

Discussion in 'Styling and Customization Questions' started by Rho Delta, Oct 13, 2011.

  1. Rho Delta

    Rho Delta Well-Known Member

    I want it to center automatically depending on the screen size/browser size
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Add to EXTRA.css

    #logo {
    text-align: center !important;
    }
     
  3. Rho Delta

    Rho Delta Well-Known Member

    hmm that didn't seem to work
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

  5. Rho Delta

    Rho Delta Well-Known Member

  6. Rho Delta

    Rho Delta Well-Known Member

    Also when i add that to EXTRA.css in templates it still doesnt center it for me. Sorry if I am being a noob.
     

    Attached Files:

    • tpb.png
      tpb.png
      File size:
      342.4 KB
      Views:
      16
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Try adding float: none; aswell.

    #logo {
    float: none;
    text-align: center !important;
    }

    See if that helps.
     
  8. Rho Delta

    Rho Delta Well-Known Member

    Perfect!

    Thanks Brogan!
     

Share This Page