Question

I’m using this css file but one thing that is annoying me is the css file is making the input a bit to big.

http://jsfiddle.net/fcfku/ and go under “Show Advance Options”.

How do I set the size? Also for the check box (for the TOS), how can I change the check image?

Answer 1

The following rules have to be adjusted:

input, textarea, select {
    /*line-height*/
    font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    /*possibly excessive padding*/
    padding: 5px 10px;
}

input, select {
    /*height applied to too many elements*/
    height: 30px;
}

Also, the css reset should be applied first i.e. before any other rules