Magento Stack Exchange is a question and answer site for users of the Magento e-Commerce platform. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How to increase the width of date field in admin grid while searching the value is cut-off. Please See the image belowenter image description here

share|improve this question
up vote 2 down vote accepted

The width for the date inputs is determined by this selector in boxes.css.

.grid tr.filter .range input

It is set to 50px!important.
You need to edit that and increase the value.
Of course, don't edit a core file.
Create your own admin theme and clone the file boxes.css in your new theme and change the value there.
For me a value of about 61px seams right.

share|improve this answer
Thank you...... – surya Jun 17 '14 at 6:34

As @Marius already explained, the CSS comes from boxes.css, but the best way to adjust CSS in an own admin theme is, using custom.css. Magento looks for this file if you are in the admin area, but the default admin theme does not contain it, so you can create it and do not need to copy anything from the default theme.

For the definition, see in app/design/adminhtml/default/default/layout/main.xml:

            <action method="addCss"><name>reset.css</name></action>
            <action method="addCss"><name>boxes.css</name></action>
            <action method="addCss"><name>custom.css</name></action>

Since custom.css is loaded after boxes.css, this definition will override the existing one:

.grid tr.filter .range input {
    width: 100px;
share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.