edited the contact form to follow design
This commit is contained in:
parent
30ad14e8bf
commit
e56498d407
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
41
style.css
41
style.css
|
@ -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
Loading…
Reference in New Issue