From c740bc7a0a008a8bf7a9c80cfe97ecc166aca705 Mon Sep 17 00:00:00 2001 From: Caroline Moore Date: Wed, 7 Mar 2018 15:09:30 -0500 Subject: [PATCH] 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 --- gazette/style.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/gazette/style.css b/gazette/style.css index beee41883..a66bbd8af 100644 --- a/gazette/style.css +++ b/gazette/style.css @@ -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 --------------------------------------------------------------*/