Contact Form
Hi, I would like to make changes to a specific Contact Form 7 that I have named "Contact form 1"
These are the changes I would like to make:
input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select, .woocommerce .quantity input.qty {
background-color: #ffffff; border: 2px solid #DDDDDD; border-radius: 2px;
}
input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
border: 2px solid #13057A;
}
.order_form input[type="submit"] {
font-size: 140%; padding: 12px 40px;
}
@media only screen and (min-width: 997px) {
span.wpcf7-form-control-wrap {
width: 762px !important;
}
}
I was wondering if you could help me find a way to make the snippets above target only the contact form named "Contact form 1" in order to prevent the changes from applying to all of the forms.
Thank you for your support!
Comments