Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 18, 2022 at 10:27 am #1362044
    ifranl

    Hi guys,

    The datepicker from the Formidable Form is not displayed correctly: month and year should be displayed neatly next to each other (or possibly neatly underneath each other), and the text should be legible.
    I already tried this solution (https://kriesi.at/support/topic/css-conflict-with-formidablepro-forms-in-the-calendar-element/) but that didn’t affect anything.

    Could you please give me the correct CSS code so that the datepicker has a good UX?

    Thanks in advance,
    Ita

    August 18, 2022 at 1:14 pm #1362058
    Mike

    Hey Frans,
    Thanks for your question, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top #ui-datepicker-div .ui-datepicker-title > select {
	padding: 0px;
	display: inline;
	margin-bottom: 0;
}

    After applying the css, please clear your browser cache and check.
    The expected results:
    2022-08-18_003.jpg

    Best regards,
    Mike

    August 18, 2022 at 1:55 pm #1362061
    ifranl

    Thank you very much, Mike!! The datepicker now looks really good again!

    August 18, 2022 at 2:17 pm #1362066
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘CSS conflict with FormidablePRO (forms) in the datepicker / calendar element’ is closed to new replies.