The contact form dropdown menu required fields not working

halimabarry replied

3 years ago

Customer Reply

Ohhh it works perfectly!

Thank you for the quick response! You are the best!

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please add this CSS code to your site:

div.wpforms-container .wpforms-form.wpforms-form label {
    font-size: 15px;
}

Regards,
PenciDesign.

halimabarry replied

3 years ago

Customer Reply

Thank you so much, it has worked.

However, the radio button values and the form labels have not changed in size. the labels are still too small and the radio too big.

Could you please provide the code for these two ?

Thank you a lot!

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

div.wpforms-container .wpforms-form.wpforms-form input[type="date"],
div.wpforms-container .wpforms-form.wpforms-form input[type="datetime"],
div.wpforms-container .wpforms-form.wpforms-form input[type="datetime-local"],
div.wpforms-container .wpforms-form.wpforms-form input[type="email"],
div.wpforms-container .wpforms-form.wpforms-form input[type="month"],
div.wpforms-container .wpforms-form.wpforms-form input[type="number"],
div.wpforms-container .wpforms-form.wpforms-form input[type="password"],
div.wpforms-container .wpforms-form.wpforms-form input[type="range"],
div.wpforms-container .wpforms-form.wpforms-form input[type="search"],
div.wpforms-container .wpforms-form.wpforms-form input[type="tel"],
div.wpforms-container .wpforms-form.wpforms-form input[type="text"],
div.wpforms-container .wpforms-form.wpforms-form input[type="time"],
div.wpforms-container .wpforms-form.wpforms-form input[type="url"],
div.wpforms-container .wpforms-form.wpforms-form input[type="week"],
div.wpforms-container .wpforms-form.wpforms-form select,
div.wpforms-container .wpforms-form.wpforms-form textarea {
    font-size: 15px;
}
div.wpforms-container .wpforms-form.wpforms-form button[type="submit"] {
    background: #000;
    color: #fff;
}
div.wpforms-container .wpforms-form.wpforms-form button[type="submit"] {
    background: #333;
    color: #f1f1f1;
}

Regards,
PenciDesign.

halimabarry replied

3 years ago

Customer Reply

Good morning,

Thank you for your response.

In fact, I just realized that you have not tested the right form. The form in question was not the contact page form, but rather the registration page form. But finally, I have changed the form extension. Now I am using wpforms (https://wpforms.com/).

I would like to know how to change the color of the submit button, change the color and increase the size of all fields label, increase the text of the drop-down menu field values, and reduce the text of the radio button values as shown in the image.

THANKS,

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please send me the screenshot of your issue, I've checked many times and the contact form always working correctly.

Regards,
PenciDesign.

halimabarry replied

3 years ago

Customer Reply

Please were you able to check?

halimabarry replied

3 years ago

Customer Reply

No! It is still not working. I've just checked the form again. It is sending the form without letting me choose in the drop-down menu. If I am connected as an admin, it works perfectly. but if I am not connected and try to fill out the form the same problem start. Try another browser or use the form without being connected. please

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

I've checked your site, and the contact form required field working properly, here is the screenshot:

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.

halimabarry replied

3 years ago

Customer Reply

Hello again!
I would be really grateful if you could help me. Registrations have already started and applicants are not filling out the form properly.

halimabarry started the conversation

3 years ago

Conversation Start

hi,

I have a problem with my contact form. All fields are required, but all fields with the drop-down menu do not respect that. The user can submit the form even if he has not selected anything in the fields with the drop-down menus. I inserted an empty choice as the first option, but the user can still submit the form without making a choice. When I change the theme, the form works perfectly! With the new theme, if the user does not fill in the fields with drop-down menus, the form automatically informs that there are still fields that need to be filled in. But as soon as I come back with Soledad the problem starts again. Help me, please!