SIGN UP

Date Picker Below Form and off Screen

By: Erik Renninger | Asked: 03/14/2024
Forums › Category: General questions › Date Picker Below Form and off Screen
Vote Up 0 Vote Down
Erik Renninger asked 12 months 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
Vote Up 0 Vote Down
Faisal AhammadFaisal Ahammad answered 11 months 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 11 months ago

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

Faisal AhammadFaisal Ahammad replied 11 months 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