Title: Styling
Last modified: August 30, 2016

---

# Styling

 *  Resolved [imdyakov](https://wordpress.org/support/users/imdyakov/)
 * (@imdyakov)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/)
 * Hi,
 * Can you help with increasing width of the datpicker field to the standard list
   width like there would not be datapicker active?
 * [https://wordpress.org/plugins/gravity-forms-list-field-date-picker/](https://wordpress.org/plugins/gravity-forms-list-field-date-picker/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [ovann86](https://wordpress.org/support/users/ovann86/)
 * (@ovann86)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/#post-6374952)
 * Hey,
 * Are you able to provide a link to an example form?
 * Or a picture?
 * Or let me know exactly the number of columns you’ve added, the names of them 
   and which one has the date picker enabled?
 *  Thread Starter [imdyakov](https://wordpress.org/support/users/imdyakov/)
 * (@imdyakov)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/#post-6374958)
 * Hi,
 * Where I can send my credentials to access the site? It is closed for publics 
   at the moment.
 *  Plugin Author [ovann86](https://wordpress.org/support/users/ovann86/)
 * (@ovann86)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/#post-6374960)
 * You can send the URL and details to
 * [wp@ovann86.33mail.com](https://wordpress.org/support/topic/styling-48/wp@ovann86.33mail.com?output_format=md)
 *  Plugin Author [ovann86](https://wordpress.org/support/users/ovann86/)
 * (@ovann86)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/#post-6374989)
 * Hi,
 * Thanks for sending through the link.
 * The issue is happening because your’ve got the Gravity Forms styles enabled, 
   which is fine, but they use a style that makes the datepicker fields a fixed 
   width.
 * Even worse they use a CSS !important rule – which makes overriding this rule 
   unreliable and difficult.
 * I’ve just pushed out version 1.3 that attempts to resolve this by adding an additional
   CSS rule if the Gravity Forms styles are enabled. This override is:
 *     ```
       .gform_wrapper .gfield_list td.gfield_list_cell input.datepicker {
       width: 97.5% !important;
       }
       ```
   
 * It’s quite uses a very specific target because the more specific you are the 
   more likely the other !important rule is overridden. Hopefully it works for enough
   browsers, I could only test in Firefox at the moment.
 * I also noticed a performance issue with the list field datepicker jQuery, so 
   I tidied that up also in version 1.3.
 * When you can, update the plugin and see if the column looks better for you.
 *  Thread Starter [imdyakov](https://wordpress.org/support/users/imdyakov/)
 * (@imdyakov)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/#post-6374991)
 * That worked out perfectly for me. Thanks a lot!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Styling’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/gravity-forms-list-field-date-picker_e5e0e5.
   svg)
 * [Date Picker in List Fields for Gravity Forms](https://wordpress.org/plugins/gravity-forms-list-field-date-picker/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gravity-forms-list-field-date-picker/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gravity-forms-list-field-date-picker/)
 * [Active Topics](https://wordpress.org/support/plugin/gravity-forms-list-field-date-picker/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gravity-forms-list-field-date-picker/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gravity-forms-list-field-date-picker/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [imdyakov](https://wordpress.org/support/users/imdyakov/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/styling-48/#post-6374991)
 * Status: resolved