Just remove the class atribute and and add size="10", it should look like this:
<input id="$customField.id" name="$customField.id" type="text" value="$textutils.htmlEncode($!value)" size="10"/>
Just change the number 10 with the number of caracters you want to show up.
I belive this documentation will help you achieve what you're looking for: https://confluence.atlassian.com/display/JIRA/Changing+the+Size+of+the+Text+Area+Custom+Field
Let me know if this information helps you!
Badges are a great way to show off community activity, whether you’re a newbie or a Champion.Learn more
Connect with like-minded Atlassian users at free events near you!Find a group
Connect with like-minded Atlassian users at free events near you!
Unfortunately there are no AUG chapters near you at the moment.Start an AUG