Date Picker Below Form and off Screen

By: Erik Renninger | Asked: 03/14/2024
ForumsCategory: General questionsDate Picker Below Form and off Screen
Erik Renninger asked 1 month ago
Is there a way to get the date picker to show up on top of the field rather then below the entire form? 
1 Answers
Faisal AhammadFaisal Ahammad answered 4 weeks ago

Hey Erik,To display the date picker at the top of the input field, use the following CSS code in Appearance → Customizer → Additional CSS.#ui-datepicker-div.ui-datepicker {margin-top: -275px !important;}Here is the output: Datepicker

Faisal AhammadFaisal Ahammad replied 4 weeks ago

Batter code view: https://codefile.io/f/e3kbsT63Il

Faisal AhammadFaisal Ahammad replied 4 weeks ago

Alternative code:
#ui-datepicker-div.ui-datepicker {
bottom: -165px !important;
top: unset !important;
}

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right