WPForms intl-tel-input Phone Country Flag

  • Resolved (El)Burgo

    (@tssblog)


    5 years ago

    Our WP Forms Smart phone fields which use intl-tel-input to show a flag icon for the country code have started playing up – the country flag displays over the number typed (see link above). Have tried with all the CSS off but it’s the same – and small / medium or large field sizes. When we try with other themes such as 2019, 2015, 2015 with a child it shows OK so we suspect it’s something Hestia CSS is doing. The issue shows up in Chrome, Edge browsers on pcs as well as Android.
    WP Forms have chipped in with: “In WPForms 1.5.9 we updated the external library used for the smart phone field (intl-tel-input / https://intl-tel-input.com) as the version we had previously used had some incorrect validation for Australian users. In the int-tel-input update, the changed around their CSS classes. Shouldn’t be an issue for 99% of users, but I just wanted to note this in case there are any CSS customizations in place that target the intl-tel-input library, the well need to be adjusted – hope that helps!”
    Can anyone help, please??

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter (El)Burgo

    (@tssblog)

    The issue seems to be this CSS:
    border: none;
    padding: 7px 0;
    font-size: 14px;
    Which is being applied by /wp-content/themes/hestia/style.min.css?ver=2.5.6. Are these a default hestia setting or are they something that is end user editable – if so where were they set???

    The correct CSS applied by WP-Forms should be
    padding-right: 6px;
    padding-left: 52px;
    Rgds
    IEB

    I am experiencing the same issue with WPForms for a while now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WPForms intl-tel-input Phone Country Flag’ is closed to new replies.