Gazette: 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 15:09:30 -05:00
parent 0d3202c201
commit c740bc7a0a

View file

@ -2803,6 +2803,37 @@ video,
line-height: inherit;
}
/*--------------------------------------------------------------
# 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;
margin-bottom: 8px;
}
.site-content .contact-form label.checkbox,
.site-content .contact-form > div {
margin-bottom: 16px;
}
.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: 8px;
}
.site-content .contact-form .grunion-field-label {
margin-bottom: 4px;
}
/*--------------------------------------------------------------
## PollDaddy
--------------------------------------------------------------*/