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

indenting Button Text

Discussion in 'XenForo Questions and Support' started by Gabby, May 14, 2012.

  1. Gabby

    Gabby Well-Known Member

    Just a quicky.

    I made a custom login button but had to indent the text some.

    I deleted the "align center" and used this code. text-indent: 5em;

    It worked well but worried if this is ok to use ? I just don't want to screw up my templates.

    I found the indent code online and even though it works great, I have no idea if it's the right code or not?

    Thank you! :)
  2. MagnusB

    MagnusB Well-Known Member

    Easiest way to test it is to change your resolution, preferably to a different aspect ratio. As you used em, it should display correctly on most resolutions, but I think it also depends on how the button sizes are defined.
    Gabby likes this.
  3. Gabby

    Gabby Well-Known Member

    Well thank you for this info. Yup, it looks like crap. Oh well, so much for my custom button. LOL Back to the drawing board:)

    Thanks again.
  4. MagnusB

    MagnusB Well-Known Member

    Look at how the button is sized, if it is fixed (px) you can just use px to indent as well, it will display the same on all screens, assuming it doesn't use any js to resize to fit screen.
    Gabby likes this.
  5. Gabby

    Gabby Well-Known Member

    Great. It worked! I just had to play around with button size and change the em to px.

    Magnus... Thank you so much.
  6. MagnusB

    MagnusB Well-Known Member

    No problem :)

Share This Page