Skip to content

Instantly share code, notes, and snippets.

@gterrill
Created July 2, 2015 05:06
Show Gist options
  • Save gterrill/24df8e95d0be204d3056 to your computer and use it in GitHub Desktop.
Save gterrill/24df8e95d0be204d3056 to your computer and use it in GitHub Desktop.
Fix up table styles for jQuery UI Datepicker
/* BookThatApp Customization */
.ui-datepicker table {font-size: .9em; margin-bottom: inherit;}
.ui-datepicker table tr th {font-weight:bold; background: initial; text-align:center; padding: .7em .3em !important; border: 0;}
.ui-datepicker table tr td {font-weight:bold; background: initial; text-align:center; border: 0;}
@media only screen and (max-width: 767px) {
.ui-datepicker tr {
display: table-row;
}
.ui-datepicker td {
padding: 1px !important;
display: table-cell;
}
.ui-datepicker tr, .ui-datepicker td {
width: inherit !important;
max-width: inherit !important;
}
}
@lenyah
Copy link

lenyah commented Nov 25, 2020

Hello, I'm trying to style the jQuery Datepicker in Shopify, is there a way this scrip still works nowadays? Love bookthatapp btw :)

@gterrill
Copy link
Author

Hello, I'm trying to style the jQuery Datepicker in Shopify, is there a way this scrip still works nowadays? Love bookthatapp btw :)

Yep, still works as far as I know. Glad you are happy with BTA!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment