datepicker – timepicker not working in modal in avada theme

Hi Michael,

This may just be a simple CSS fix. If you want to post a link to your site I’ll take a look and see if I can help.

Hi

I tried to reply to u earlier, but i guess that you havent received my email.

What happens is that if I put the booking [booking-form] in a modal (avada) then the date/time pickers pops up behind the modal popup.

please let me know how i can fix this…

also i have purchased the customizer, but it doesnt do much to be honest, is the idea that we manually change the form via css and html coding? ex mandatory fields and so on.

br
Michael

Hi Michael,

Sorry, I didn’t see any message from you. I went looking but couldn’t find any emails from you or anything submitted via the contact form on my site.

I’m happy to help, but I need a link to where the problem is happening on your site. I can’t just guess at the fix. I need to see the problematic modal. I can then use browser tools to inspect the z-index and hopefully find a simple solution.

The Custom Fields allows you to add fields to your form. It’s not a design tool that lets you layout or style your form differently. The plugin usually adopts your current theme’s styles for form elements. But if you want to tailor it further you’d need to write some CSS code.

Hi

please go to https://www.capriri.com

then press booking in the menu header.

click on the button make a reservation and try to select time / date.

please let me know if u need anything else from me,

regarding the css what class name is it im to use to modify the [booking-form]

best regards
Michael

Hi Michael,

The date and time picker popups should appear above the modal if you use the following CSS:

.picker {
  z-index: 100000 !important;
}

All of the booking form output is wrapped in the rtb-booking-form class. So if you wanted to make all the form labels bold, you could use:

.rtb-booking-form label {
  font-weight: 700;
}

Hi

It works, fantastic. Thanks for your help.

br
Michael