WooCommerce CSS help in changing size of order note input box


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

  • screenshot below:

enter image description here

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

The element is

.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


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;}

Answered By – Syntax_Error

Answer Checked By – Senaida (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.