z-index of date and time picker in a modal window

  • Resolved petefromhome

    (@petefromhome)


    5 years, 5 months ago

    Hi Guys,

    I am looking at adding the reservation form to a menu button as a modal pop up on one of my clients site.

    I am tweaking and testing the form on a page linked to this topic…

    My issue is that once I added the form to the pop up modal window, the date and time picker opens up behind the popup.

    Is there any way to change the z-index of them to move them to the front?

    Any help is much appreciated.

    Cheers, Pete

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Pete,

    You should be able to do this pretty easily by reducing the z-index of the modal stuff. For example:

    .modal {
    z-index: 999;
}
.modal-backdrop {
    z-index: 998;
}

    You could place this in the Additional CSS area of the customizer, for example.

    Thread Starter petefromhome

    (@petefromhome)

    @etoilewebdesign you are a star!

    Thanks a million for your help!

    Cheers, Pete

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘z-index of date and time picker in a modal window’ is closed to new replies.