Date Picker Sizing Issue

When using the date picker we have code that makes the pop-up calendar picker smaller but there is a large gap below and above between the field + pop-up.

The code we’re using to make it smaller is:

.gform-theme-datepicker {
transform: scale(.75);
}
@media ( max-width: 768px ) {
.gform-theme-datepicker {
transform: scale(.75);
}

And here are the spacing issues. You’ll see that the calendar is above the field with the space and the same thing happens when the calendar is below the field
Screenshot_4

Can you share a link to the page on your site where we can see the form? Thank you.

Heya!

Thanks for the response Chris.

I actually don’t have the CSS on now but the link is - Admissions - Chatham Preschool - if you click on any of the options you’ll see the date field pop-up.

I guess if you’re looking at it right now, is there a way to make the calendar smaller without the gaps in the screenshot i shared? So this pop-up calendar - Screenshot by Lightshot

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.