Phone Number Field Error

  • Resolved mrinalkanti99

    (@mrinalkanti99)


    2 years, 11 months ago

    I’m using this plugin for a long time and no doubt it is the best form plugin. But there are some errors in recent days. The Phone Number Field is not showing properly after a recent update. Specially in case of international and national phone number the country maps are overlapping themselves. And the field is not showing its full length. I already have tried CSS, it’s not working.
    CSS #forminator-module-1575 .forminator-field–phone {padding-left:170px;} It is taken from a previous support reply.

    • This topic was modified 2 years, 11 months ago by mrinalkanti99.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @mrinalkanti99,

    Unfortunately, a known bug is causing this behaviour; our team is already working on a fix.

    I already have tried CSS, it’s not working.
    CSS #forminator-module-1575 .forminator-field–phone {padding-left:170px;}

    There is a minor typo with the above one, so not sure whether you copied it wrong or that’s how it’s entered.

    Could you please confirm if this is what you have tried?

    #forminator-module-1575 .forminator-field--phone {padding-left:170px;}

    If yes, and still have issues, then to better suggest why the CSS didn’t work, we’ll need to check the page URL where you have the form.

    Could you please share the page URL where you have the form to check further regarding this?

    Looking forward to your response.

    Kind Regards,
    Nithin

    Thread Starter mrinalkanti99

    (@mrinalkanti99)

    Thank you for your response. There was a typo in my support question, i actually used the correct CSS. I also tried the CSS you send me in the mail/reply, but unfortunately it is not working (I just copied it from the mail and paste it in the CSS).
    May be there was some error from my side as i’m not a very code friendly man.

    I thought as the CSS you send me has both ID and Class that’s why it may not working properly. So, I’m currently using a modified CSS. it is .forminator-field–phone {padding-right:300px;}. Although it is working it is not a perfect solution. There are some errors, especially in a mobile version, like the placeholder text is no more visible and country flag is overlapping. I also tried to give it 100% width, (.forminator-field–phone {
    width: 100%;}) but it is also not working.

    Page link: https://test.hotcoffeemedia.com/test-page/

    Again, thank you for your support.
    It’s a great Plugin.

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @mrinalkanti99

    Can you make the padding right something around 30px and use this CSS too:

    .forminator-ui #phone-1 .iti{
    width: 100%;
}

    https://monosnap.com/file/9FNbc80umSvVWzr32Z2U9u0CxYXrGa

    Best Regards
    Patrick Freitas

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @mrinalkanti99 ,

    We haven’t heard from you for a while now, so it looks like you don’t have more questions for us.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Phone Number Field Error’ is closed to new replies.