Reply To: Is it possible to chance the size of the 'UPLOAD' button? its a bit big
@truck79. Thanks for posting. You can definitely change the size of the upload button with a little bit of CSS. However, you have to keep in mind that this is often already managed by your template’s CSS styles. So, it would be best to first figure out what your template’s CSS file is doing.
The upload button is an “input” tag of “submit” type and class “btn”. So, if you want to change it’s size, you have to place a style block like the following:
|
1 2 3 4 5 6 7 8 9 |
input[type="submit].btn { display: inline-block; padding: 4px 12px; /* set your padding */ margin: 0 0; /* set your margins */ font-size: 13px; /* set your font size */ line-height: 18px; /* set your line height */ text-align: center; vertical-align: middle; } |
the key is to adjust your padding, margin, font size and line height to get the size of button your want. and note that this has to come after your template styles so that it overrides them.
