edited the contact form to follow design

This commit is contained in:
jorge 2022-12-22 19:10:32 +01:00
parent 30ad14e8bf
commit e56498d407
3 changed files with 73 additions and 16 deletions

View File

@ -1,8 +1,8 @@
.wpcf7-form-control-wrap {
input {
margin-top: -1em;
}
}
//.wpcf7-form-control-wrap {
// input {
// margin-top: -1em;
// }
//}
.wpcf7-not-valid:not(:focus) {
background-color: $color__red;
@ -10,12 +10,42 @@
.wpcf7-not-valid-tip {
color: $color__red;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: $color__yellow;
background-color: $color__yellow;
color: $color__white;
font-family: "din-medium";
font-weight: bold;
margin: -4.5em -0.5em 0 -0.5em;
padding: 0.4rem 0 1rem 6rem;
text-align: center;
margin: 0em;
padding: 0rem;
}
.wpcf7-form {
.contactform-name, .wpcf7-form .contactform-email {
max-width: 40%;
display: inline-block;
}
.contactform-name {
float: left;
}
.contactform-email {
float:right;
margin-bottom: 1rem;
}
.contactform-message {
}
.contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.wpcf7-submit {
margin-left: 1rem;
}
.wpcf7-spinner {
margin: 0 -24px 0 0;
}
}

View File

@ -1189,10 +1189,6 @@ textarea {
/* Contact Form 7
--------------------------------------------- */
.wpcf7-form-control-wrap input {
margin-top: -1em;
}
.wpcf7-not-valid:not(:focus) {
background-color: #ff686e;
}
@ -1201,14 +1197,45 @@ textarea {
color: #ff686e;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #f6cc4c;
background-color: #f6cc4c;
color: #fff;
font-family: "din-medium";
font-weight: bold;
margin: -4.5em -0.5em 0 -0.5em;
padding: 0.4rem 0 1rem 6rem;
text-align: center;
margin: 0em;
padding: 0rem;
}
.wpcf7-form .contactform-name, .wpcf7-form .wpcf7-form .contactform-email {
max-width: 40%;
display: inline-block;
}
.wpcf7-form .contactform-name {
float: left;
}
.wpcf7-form .contactform-email {
float: right;
margin-bottom: 1rem;
}
.wpcf7-form .contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.wpcf7-form .wpcf7-submit {
margin-left: 1rem;
}
.wpcf7-form .wpcf7-spinner {
margin: 0 -24px 0 0;
}
/*--------------------------------------------------------------

File diff suppressed because one or more lines are too long