Docs

[keith s]

I am drawing a blank after trying everything I know from a traditional formatting perspective. I am trying to vertically align text in the middle or absmiddle of a button. I am using vertical-align:middle; and vertical-align:absmiddle; but to no avail. Can you please take a quick look and tell me what I am missing?

http://www.edgertonksdev.org

*I also attached a screenshot of the particular area. I just want the single line text to display in the middle of the button so they look better next to a button with two lines of text.

Thank you so much.

[Rupok]

Hi there,

Thanks for writing in! It seems you have added a min-height that’s causing the issue :

.x-btn.x-btn-mini {
  font-size: 13px;
  min-height: 48px;
  padding: 0.385em 0.923em 0.538em;
}

You can just set the padding to get proper spacing around :

.x-btn.x-btn-mini {
  font-size: 13px;
  padding: 1em;
}

Cheers!

[keith s]

The min-height is so all the buttons will be the same height. See the attached screenshot from the mockup. This is what I am trying to achieve. The css you sent does not make each button the same height.

Thanks again for your assistance.

[Jade]

HI Keith,

Please try this code:

.x-btn.x-btn-mini {
    font-size: 13px;
    padding: 1em;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

Hope this helps.

[Author]

Posts