Placeholder and Input Details Under Flag Icon

Hello @bsb85my,

Thanks for writing in.

When you get the chance, can you please try to set the Include Form Styling setting of WPForms to Base and form theme styling and see if it fixes the issue?

Kindly check here for more details.

I hope this helps!

Hi,

I’ve changed to Base and form theme styling but still it doesn’t fix it.

I’m using Elementor Pro with Astra theme.

I guess I know what’s the problem. I’m using Ultimate Addons plugin and this cause this issue.

If I’m using the shortcode, then it’s normal. However, I’m not able to style it the way I want.

Hey @bsb85my,

Thanks for the update!

When you get the chance, could you share the link to the form on your site so we can have a look at it? Also, please let us know the style changes that you are looking to do?

Thanks!

Hi @bsb85my,

We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!

Sorry, the notice emails all went to spam mail. I do not know this thread is being replied.

Here is the link: https://www.iqielitegroup.com/does-property-industry-suites-me-quiz-survey/

I need to user CSS selector to modify the spacing.

selector form input[type="tel"] {
    padding: 12px 50px !important;

Hi @bsb85my,

Thanks for the details!

To do what you’ve described, please try the following snippet

.wpforms-field.wpforms-field-phone {
    padding: 12px 50px !important;
}

If you’d like to learn more about styling other form fields, we have a detailed article that covers the selectors of the form fields.

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

Hope this helps!