WooCommerce CSS help in changing size of order note input box

Issue

I am trying to change the height size of the ‘Add Note" input box in WooCommerce admin edit orders page

• screenshot below:

I constantly have to resize this box and I would like the height to be approx 200 px instead of 50.

The element is
textarea#add_order_note.input-text

.add_note #add_order_note {
width: 100%;
height: 50px;
}

I am hoping someone might be able to advise the correct CSS code I need to enter via Appearance – Customize – Additional CSS or perhaps I should be using a code snippet ?

I have made a few different CSS attempts, but I don’t know how to input the code correctly

Solution

I found a solution.
Add this to your functions theme.

add_action('admin_head', 'customcss');

function customcss() {
  echo '<style>
    #add_order_note {height: 200px !important;}
  </style>';}

Answered By – Syntax_Error

Answer Checked By – Senaida (AngularFixing Volunteer)