Calendar field show text underneath when field expanded

  • Resolved gene-stevo

    (@gene-stevo)


    2 years ago

    Hi Guys, I have a form with a date field. When calendar icon is clicked the calendar is shown but shows text etc from fields below. I tried adding a class to WP Additional CSS as per:
    .white-back {
    background-color:FFFFFF;}
    and added .white-back in field styling box but that didn’t work.

    How can I make the calendar background opaque to hide underlying fields when calendar icon is clicked?

    Cheers, Eugene

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @gene-stevo,

    Trust you are doing good and thank you for reaching out to us.

    Please try using the following CSS, that should help.

    table.ui-datepicker-calendar {
    background-color: #fff;
}

    Please let us know if you need any further assistance.

    Kind Regards,
    Nebu John

    Thread Starter gene-stevo

    (@gene-stevo)

    Once again Forminator comes up with the goods.
    Thank you so much that worked great. Apart from the Next/Prev buttons so I just moved description to the label and now it looks pretty much as I expected.
    Thanks once more for your typically prompt and comprehensive support.
    Cheers,
    Eugene

    • This reply was modified 2 years ago by gene-stevo.
    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @gene-stevo

    In case you would like to customise it a bit more this CSS can help:

    #ui-datepicker-div{
    background: #fff;
    padding: 10px;
}

.ui-datepicker-header{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 6px;
}

.ui-datepicker-title{
   grid-column: 1 / -1;
   display: flex;
   justify-content: space-between;
   gap: 6px;
}

.ui-datepicker-title select{
    flex: 1;
}

.ui-datepicker-header a{
    cursor: pointer;
}

    https://monosnap.com/file/N2Nlv0svXY1lU7Fz0yRwNAWAaSe7ey

    Best Regards
    Patrick Freitas

    Thread Starter gene-stevo

    (@gene-stevo)

    Thanks you so much for sending this Patrick, that’s even better.
    Cheers,
    Eugene

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Calendar field show text underneath when field expanded’ is closed to new replies.