Contact form error message missed up Web page

  • Hi,

    My Website is ekc.inmaa-emarketing.com/booking-course

    I’m using Fast & Secure contact form plugin. When you click on submit button without filling up the form, the error message missed up the form :

    1. On the check list side, I want to minimize huge gap between “Please make corrections below and try again.” and “At least one item in this field is required.”
    2. On the filling form side , I want the message to appear before the label, such as Name,and email, NOT AFTER
    3. The submit button should be pulled upward (Right now its on the footer).

    Here’s the link of picture, to see what I need exactly https://imgur.com/tIJV8TD

    https://www.ads-software.com/plugins/si-contact-form/

Viewing 11 replies - 1 through 11 (of 11 total)

  • Hi are you saying that the error message in the contact form messes up your webpage?

    Thread Starter RAMHEL

    (@ramhel)

    Hi,

    Thank you for replying

    Yes, but now problem was solved by freelance developer. However, there is a new problem thatthe developer ditched me. After you fill the form and submit, it wouldn’t submits and give error message.

    This have to do with PHP code in the plugin

    Its difficult for me to contact to the developor.

    What are the error messages that it gives you?

    Thread Starter RAMHEL

    (@ramhel)

    Sorry for misunderstand, I got confused.
    The user will fill the form which is on the right side which is working fine

    ON checklist side, the user should at least choose one course either on the first column or second column. When the user choose one course on the first column and then submit. It will not submit and it shows the message that Please make a correction below.(there is something related to the second column)

    Therefore, I need a php code if a user choose only first column then it submit without giving message

    Thank you

    Can you share your URL with the form?

    Thank you

    Thread Starter RAMHEL

    (@ramhel)

    ekc.inmaa-emarketing.com/booking-course

    Can you share with me how you created this form? Those check boxes on the left hand side where they created using the plugin?

    Thread Starter RAMHEL

    (@ramhel)

    Actually, I created two fields (course 1 & course 2) where second column option follow to the previous one (which is the first column).

    Have you tried to test a different theme like Twenty Fifteen? I just want to know if it looks the way you want with a different theme?

    Thread Starter RAMHEL

    (@ramhel)

    No, I haven’t tried to test a different theme like Twenty Fifteen.

    No it’s not about the look mbrsolution.

    I’ve purchased this themes from Themify.me

    In regards to the error message you have to make changes to the following css code. Change the value in top: -14px;.

    The following code belongs to the following error message.

    At least one item in this field is required.

    element.style {
    color: red;
    position: absolute;
    text-align: left;
    top: -14px;
    width: 335px;
}

    In regards to your other points 2 and 3, I don’t understand what you mean. Can you explain further. Looking at your image above it looks okay to me.

    Thank you

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Contact form error message missed up Web page’ is closed to new replies.