Independent Publisher 2: 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:17:35 -05:00
parent c740bc7a0a
commit dbaad60aa6

View file

@ -2893,6 +2893,37 @@ time.published + .updated {
text-decoration: none;
}
/*--------------------------------------------------------------
# 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;
}
/*--------------------------------------------------------------
15.0 - Social Menu
--------------------------------------------------------------*/