I am working locally so unfortunately I cannot provide a link. I use Elementor and Ocean WP theme, and browse with Google Chrome. I am new to wp and CSS and to customize my newsletter form, I am running into 3 issues :

1- I changed font family and letter spacing inside name and email fields using costumized CSS (I don’t display label names) but it put the text off center so I used padding from my theme customizer (General options -> Forms(Input-textarea)) to recenter it. As a result, the cursor is not centered and is larger than the text. Maybe you could provide some CSS to affect the cursor ?
Here is the CSS I used :

div.wpforms-container-full .wpforms-form input.wpforms-field-large, div.wpforms-container-full .wpforms-form select.wpforms-field-large, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large {
font-family: “Arima Madurai” !important;
letter-spacing: 4px
}

2- I want to change the text color displayed inside both fields but every code I found failed. I can change the color of the input through my theme customizer but it doesn’t affect what is displayed before someone fills them. I tried those codes :

div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
color: rgba(145,145,145,0.53)!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label?{
color: rgba(145,145,145,0.53)!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
color: rgba(145,145,145,0.53)!important;
}

None of them worked (I don’t know if I have the right target).

3- My submit button automatically grows when hovered in the theme customizing panel and makes the bottom section grow as well, but not in the Elementor panel, and in the Elementor panel the labels and * still show even though I checked not to display them from WPForms directly (but they don’t appear in customizer). I tried to make the growing disappear with this CSS but no luck either :

.div.wpforms-container-full .wpforms-form input[type=submit]:hover {
animation: none !important;
}

If you can give me any help I would highly appreciate it, I am sure those are basic issues but I haven’t found my answers after hours of searching online. Thank you so much in advance.

I would like to add a check field (already checked) to the form to add the email and name of the sender to my Mailchimp newsletter list.

How can I do that?

The Form code o the page is the following

<div class=”form-flat”>

<label>Your Name (required)</label>
[text* your-name]

<label>Your Email (required)</label>
[email* your-email]

<label>Your Message (required)</label>
[textarea your-message]

[submit class:button primary “Submit”]

</div>

i’m posting different questions in different topics so everything to avoid confusion.

I have this contact form but I would like to make some style on it like the text fields in a lighter color and changing the color of the font.

The <div> code was a suggestion that worked out in order to make a style for the button and create the rounded look to the fields.

How can i do that?

<div class=”form-flat”>

<label>Your Name (required)</label>
[text* your-name]

<label>Your Email (required)</label>
[email* your-email]

<label>Your Message (required)</label>
[textarea your-message]

[submit class:button primary “Submit”]

</div>

Thank you

I have a few questions/clarifications to make about this plugin:

1. The form settings for the font, background, button, etc. dissapeared although I was able to access them a week ago. WHy is this? Do I need to upgrade in order to customize my forms?

2. Does the form settings on the plugin override any styles made on infusionsoft web-form creator?

3. Some of my forms include “custom fields” that are intended to provide searchable values in the contacts … however, I can’t customize the font style of these fields on my form because they are pre-filled values and unable to be customized. I was wondering if I can do this with the plugin.

4. I noticed that the forms do not automatically update if any changes are made to the web-form on Infusionsoft. Is this correct? Is there a way to automatically sync the changes rather than having to re-upload the form?

5. The blue rows of values (i.e. custom: custom_html_187) are confusing when I upload the form and I am not sure if I need to do anything there or just ignore that section? I ask because have no experience with html.

6. I’d love to see a video from start to finish about how to use this plugin effectively and what its benefits are. Specifically, I’d love to see examples of how to customize forms and any best practices.

7. What is the benefit of using this plugin over simply copy/pasting the code of a form from Infusionsoft into your website?

Sorry for the overload of questions. Thank you in advanced.

It appears that the string “I’m a human” on the login box is neither editable via the plugin options nor thru plugin translation (Loco); but maybe I am just too blind to find it.

Since I’m building a site in German it would be nice to be able to present the labeling of that checkbox in German, too, to my users.

Can do? Cheers LX