Purpose

The purpose of this article is to show how to change the length of a text box area of a field in a screen without changing the JIRA UI source code. This can be done by simple CSS rules in Announcement Banner in JIRA. Configuring an Announcement Banner will give you an introduction on Announcement Banner in JIRA. 

Solution

1. For this example, the length of Summary and Priority text box in Issue Creation screen will changed to be the same (100px).
2. Click on "Create' to see Issue Creation Screen.
   
3. Right-click on the text box of the field that you want to change the length. Click on Inspect Element.
   
   

4. Take note of the id of the field.

   
   

5. Choose Administration > System. Select User Interface > Announcement Banner in the System panel below.
   Keyboard shortcut: g + g + start typing announcement banner

6. Place following CSS code in Announcement Banner and click on Set Banner.

   <style>
   #summary /* The "id" of the "Summary" text box */
   {
     max-width: 100px; /* This line will set the length of the text box to 100px */
   }
   
   #priority-single-select /* The "id" of the "Priority" text box */
   {
     max-width: 100px; /* This line will set the length of the text box to 100px */
   }
   </style>

   

7. The result will be as following:

   

   Note: The length of text box for Summary and Priority fields are the same.