Title: jquery datepicker conflicts with tc_sortable.css
Last modified: August 21, 2016

---

# jquery datepicker conflicts with tc_sortable.css

 *  [SchwarzwaldFalke](https://wordpress.org/support/users/schwarzwaldfalke/)
 * (@schwarzwaldfalke)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/jquery-datepicker-conflicts-with-tc_sortablecss/)
 * Hey guys,
 * today I wrote some code for a customer where I added a jQuery datepicker to a
   meta box in the post edit screen. But I had the problem that something destroyed
   the style of the datepicker box.
 * After some digging I found the problem:
    The customizr theme and jQuery datepicker
   both uses the
 *     ```
       .ui-state-highlight  (in tc_sortable.css)
       ```
   
 * class in stylesheets.
 * The
 *     ```
       .ui-state-highlight { height: 150px; line-height: 120px;border: 1px solid #FCEFA1;background: #FBF9EE }
       ```
   
 * command in tc_sortable.css crashs the design of the datepicker.
 * I made the selector more specific so
 *     ```
       #sortable .ui-state-highlight { height: 150px; line-height: 120px;border: 1px solid #FCEFA1;background: #FBF9EE }
       ```
   
 * or
 *     ```
       table:NOT(.ui-datepicker-calendar) .ui-state-highlight { height: 150px; line-height: 120px;border: 1px solid #FCEFA1;background: #FBF9EE }
       ```
   
 * the datepicker and (as far as I’ve seen) also customizr worked fine.
 * Because jQuery is kind of standard in wordpress it would be nice if you could
   add a fix to the next version of customizr.
 * Thanks!
 * Best Regards,
    Chris

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 5 months ago](https://wordpress.org/support/topic/jquery-datepicker-conflicts-with-tc_sortablecss/#post-4373146)
 * > Because jQuery is kind of standard in wordpress it would be nice if you could
   > add a fix to the next version of customizr.
 * Is that really feasible? There are so many styles for different components _in
   jQuery UI_, wouldn’t it just be easier to include the styles yourself whenever
   you use them?
 *  Thread Starter [SchwarzwaldFalke](https://wordpress.org/support/users/schwarzwaldfalke/)
 * (@schwarzwaldfalke)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/jquery-datepicker-conflicts-with-tc_sortablecss/#post-4373150)
 * Hey Andrew,
    thanks for the fast response!
 * Not sure if I understand you, but I don’t include styles for the jQuery datepicker.
   The tc_sortable.css will effect every jQuery datepicker, no matter what style
   it uses.
 * I thought it would be nice to make the selector more specific by default so the
   customizr theme has no side effect on plugins which uses jQuery datepicker.
 * But it was just a proposal, no problem if you have another opinion. 🙂

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

The topic ‘jquery datepicker conflicts with tc_sortable.css’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

## Tags

 * [conflict](https://wordpress.org/support/topic-tag/conflict/)
 * [datepicker](https://wordpress.org/support/topic-tag/datepicker/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)
 * [sortable](https://wordpress.org/support/topic-tag/sortable/)

 * 2 replies
 * 2 participants
 * Last reply from: [SchwarzwaldFalke](https://wordpress.org/support/users/schwarzwaldfalke/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/jquery-datepicker-conflicts-with-tc_sortablecss/#post-4373150)
 * Status: not resolved