Kontaktformular

Can you please help me why the form is not displayed correctly?

In the appendix you will find the HTML, CSS and images as it should look in the PDF formart.

Attachments:

You must be logged in to view attached files.

Hello,

I cannot log in to your site. You need to exchange the blocks from left to right and use this selector for the style:

input[type=text], input[type=email], input[type=password], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=date], select, textarea {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: 42px;
    border: 2px solid rgba(129,129,129,.2);
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    vertical-align: middle;
    font-size: 14px;
    transition: border-color .5s ease;
}

input.wpcf7-submit {
    width: 100%;
    color: #000000;
    background-color: red;
}

.wpcf7-form textarea {
    height: 160px;
    Width: 100%;
}

Best Regards

what should I please change the code please?

I think I should swap the columns.

what should I please change the code please?

I think I should swap the columns.

Attachments:

You must be logged in to view attached files.

Hello,

You need to enter the form and build the form by means of rows and columns as shown https://prnt.sc/tysd4f

Then add the provided code to the Custom CSS and set the colors as per your needs.

Best Regards

I’ve tried it but can’t do it, can you bed help.

I’m a bit desperate.

I would be very happy about your help.

Hello,

Please update your site access for me.

Best Regards

OKAY

Hello,

Please replace the code with this one:

.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=password], .wpcf7-form input[type=search], .wpcf7-forminput[type=number], .wpcf7-form input[type=url], .wpcf7-form input[type=tel], .wpcf7-form input[type=date], .wpcf7-form select, textarea {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: 42px;
    border: 2px solid rgba(129,129,129,.4);
    border-radius: 0;
    background-color: #cecece;
    box-shadow: none;
    vertical-align: middle;
    font-size: 14px;
    transition: border-color .5s ease;
}

input.wpcf7-submit {
    width: 100%;
    	color:white;
    background-color: #444444;
}

.wpcf7-form textarea {
    height: 160px;
    Width: 100%;
	  background-color: #cecece;
}

You would get a result like this: https://prnt.sc/vxd76z

Best Regards

Now, if nothing has been entered, there is no red frame around the mandatory field in the mandatory fields.

Attachments:

You must be logged in to view attached files.

Hello,

This plugin has no such options and our theme does not have either.

Best Regards

that was also in CSS beforehand

Attachments:

You must be logged in to view attached files.

Hello,

Try to add this code:

.wpcf7-validates-as-required{
	    border: 2px solid red!important;
}

Best Regards

[Author]

Posts