Contact Us
```css
/* ===== FINAL BLOGGER CONTACT FORM FIX ===== */
/* Center the complete form */
.ck-contact #ContactForm1,
.ck-contact #ContactForm1 .contact-form-widget,
.ck-contact #ContactForm1 .form,
.ck-contact #ContactForm1 form {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
float: none !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* Center all form fields */
.ck-contact #ContactForm1 input[type="text"],
.ck-contact #ContactForm1 input[type="email"],
.ck-contact #ContactForm1 input[type="tel"],
.ck-contact #ContactForm1 textarea,
.ck-contact #ContactForm1 .contact-form-name,
.ck-contact #ContactForm1 .contact-form-email,
.ck-contact #ContactForm1 .contact-form-email-message {
display: block !important;
width: 100% !important;
max-width: 500px !important;
min-height: 48px !important;
height: auto !important;
margin: 0 auto 18px !important;
padding: 14px 16px !important;
float: none !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* Message box */
.ck-contact #ContactForm1 textarea {
min-height: 150px !important;
}
/* Center labels */
.ck-contact #ContactForm1 label {
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 0 auto 10px !important;
}
/* Full visible Send Message button */
.ck-contact #ContactForm1 input.contact-form-button-submit {
display: block !important;
width: 100% !important;
max-width: 500px !important;
min-height: 50px !important;
height: 50px !important;
line-height: normal !important;
padding: 14px 20px !important;
margin: 15px auto 0 !important;
float: none !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 700 !important;
white-space: normal !important;
box-sizing: border-box !important;
overflow: visible !important;
cursor: pointer !important;
}
/* Mobile adjustment */
@media screen and (max-width: 600px) {
.ck-contact #ContactForm1 input,
.ck-contact #ContactForm1 textarea,
.ck-contact #ContactForm1 input.contact-form-button-submit {
max-width: 100% !important;
}
}
```
Subscribe to:
Posts (Atom)
No comments:
Post a Comment