datepicker forminator form transparent or Z-index to low

  • Resolved piranhaost

    (@piranhaost)


    10 months, 3 weeks ago

    The datepicker I added to my forminator form seems to be transparent or Z-index is lower then the content below the datepicker field. Tried adding this code to my css file

    .ui-datepicker.forminator-calendar–default {
    width:auto;
    z-index:20000000;
    margin:0;
    padding:1px 0;
    border:0;
    border-radius:0;
    background-color:#ffffff;
    z-index: 9999;
    }

    But that doesn’t seem to do the trick. Added this code in the forminator CSS sectiion as well in the CSS Apearence section of my them.

    Anyone who can take a look and tell me what I’m doing wrong here.

    Your help is much appreciated

    Thanks

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Dmytro – WPMU DEV Support

    (@wpmudevsupport16)

    Hello @piranhaost,

    This might be happening due to various reasons, like conflict with another CSS, or current form styles.

    Could you please check if adjusting the background color and transparency helps. You’ll need to change the Colors option to Custom under Appearance, and expand “Calendar Basics” section:

    https://prnt.sc/5LBb37nE2Lqy

    Best Regards,
    Dmytro

    Thread Starter piranhaost

    (@piranhaost)

    Thanks for the feedback. Did that but it didn’t solve the issue

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @piranhaost

    I hope you’re well today!

    That’s a bit strange, I admit.

    The CSS that makes it transparent seems to be coming from Forminator itself (based on elements inspection of your site) but if you can confirm that colors are not set to transparent – it shouldn’t be.

    We’d like to check the form directly so could you, please, export it and share with us?

    To do so:

    – go to the “Forminator – Forms” page in your site’s back-end
    – select “Export” option under the “gear” icon next to the form in question
    – copy export code and put it at https://pastebin.com or download export file and put it at your Google Drive, Dropbox or similar
    – and then post direct (permission: everyone with a link can view) link to it in your response below.

    We’ll then be able to import the form to test setup and check it.

    Kind regards,
    Adam

    Thread Starter piranhaost

    (@piranhaost)

    Here’s the link to exported form https://drive.google.com/file/d/1bN3uABvJFNweFFSJe9d2nJBMA2-R3O49/view?usp=sharing

    Thanks for the support. Much appreciated

    Plugin Support Laura – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @piranhaost,

    Hope this message finds you well and thanks for sharing the Form.

    I was not able to reproduce the issue in my lab but after checking your form URL, I found that the styles are not being loaded:

    https://prnt.sc/3OigxaJEK3mw

    CSS is returning a server error. It seems this might be is a mixed issue, cache and security. Since if visiting the site bypassing the cache the errors down to only 2:

    https://prnt.sc/3t1NGjNa1MIv

    In such case, could you clear all the caches you might have in your site, server and/or plugin caches?

    If that does not work, you might need to check if your server is blocking somehow the CSS files in /wp-content/uploads/forminator directory.

    Let us know the results.

    Best regards,
    Laura

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @piranhaost ,

    Looks like Laura’s suggestions were helpful and you don’t need further assistance. I will allow myself to close this topic.

    Feel free to re-open it, if needed.

    kind regards,
    Kasia

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘datepicker forminator form transparent or Z-index to low’ is closed to new replies.