Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3375623
The contact form dropdown menu required fields not working
Closed

Comments

  • halimabarry started the conversation
    May 22, 2023 at 8:53am

    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!

  • halimabarry replied
    May 22, 2023 at 10:46am

    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. 

  •  2,610
    PenciDesign replied
    May 22, 2023 at 1:03pm

    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 privately
  •  2,610
    PenciDesign replied
    May 22, 2023 at 3:39pm

    Hi,

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

    ywOJNIS.png

    Regards,
    PenciDesign.


  • halimabarry replied
    May 22, 2023 at 3:48pm

    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

  • halimabarry replied
    May 22, 2023 at 6:20pm

    Please were you able to check?

  •  2,610
    PenciDesign replied
    May 23, 2023 at 2:42am

    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
    May 23, 2023 at 12:10pm

    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,

    Attached files:  Capture d’écran 2023-05-23 114802 formulaire col.png

  •  2,610
    PenciDesign replied
    May 23, 2023 at 2:33pm

    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
    May 23, 2023 at 4:07pm

    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!

  •  2,610
    PenciDesign replied
    May 23, 2023 at 4:09pm

    Hi,

    Please add this CSS code to your site:

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

    Regards,
    PenciDesign.



  • halimabarry replied
    May 23, 2023 at 4:16pm

    Ohhh it works perfectly!

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