Scratchpad: Adds cleaner styles and spacing to Jetpack contact forms; better alignment for radio and checkbox labels with their form elements; removes bold font face from radio and checkbox labels. All styles prefaced with the body tag to override Jetpack's styles. See #2

This commit is contained in:
Caroline Moore 2018-03-07 17:13:12 -05:00
parent 029a282b9d
commit fc8af53dc8

View file

@ -3188,6 +3188,40 @@ iframe[src*='bandcamp'] {
}
}
/*--------------------------------------------------------------
* Jetpack Contact Forms
/*--------------------------------------------------------------*/
.site-content .contact-form input[type="radio"],
.site-content .contact-form input[type="checkbox"] {
margin-bottom: 6px;
margin-right: .3em;
vertical-align: middle;
}
.site-content .contact-form label.checkbox,
.site-content .contact-form label.checkbox-multiple,
.site-content .contact-form label.radio {
font-weight: normal;
font-style: normal;
margin-bottom: 5px;
float: none;
font-size: inherit;
}
.site-content .contact-form label {
margin-bottom: 5px;
}
.site-content .contact-form > div {
margin-bottom: 15px;
}
.site-content .contact-form textarea,
.site-content .contact-form input[type='text'],
.site-content .contact-form input[type='email'],
.site-content .contact-form input[type='url'],
.site-content .contact-form select {
margin-bottom: 5px;
max-width: 100%;
}
/*--------------------------------------------------------------
16.0 Footer
--------------------------------------------------------------*/