Tony Tony - 9 months ago 59
CSS Question

Bad display textbox of theme my login on firefox (wordpress)

I am having a problem with my site that I am building on wordpress. Even though everything works fine, I realized that the text box of the plugin THEME MY LOGIN displays the letters entered cut (a part of them only is displayed). I am attaching a photo so you can see what I am talking about. The problem only appears with this particular plug in and only on firefox. on chrome, iphone, android phone browser (default browser) it seems ok (android firefox has errors too). Can anyone provide a slution? I have no idea of php or css so please if you are going to give any part of code, keep that in mind (although I can understand code).

enter image description here

Answer Source

Your theme and that plugin have different values for 'box-sizing' CSS property, so when theme sets height to 16px it's calculated with padding and border which effectively makes for only 2px height.

You can set this CSS to correct plugin's behavior:

.tml * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}