diff --git a/header.php b/header.php index 1e4bcef8..d2b2d46c 100644 --- a/header.php +++ b/header.php @@ -125,7 +125,13 @@ cart->cart_contents_count;?> diff --git a/inc/settings.php b/inc/settings.php index 576dc5a4..be8305a6 100644 --- a/inc/settings.php +++ b/inc/settings.php @@ -871,6 +871,9 @@ function siteorigin_north_settings_custom_css( $css ) { #commentform .form-submit input:hover { background: ${branding_accent_dark}; border-color: ${branding_accent_dark}; + } + #commentform input,#commentform textarea { + background-color: ${fonts_field_background}; }'; return $css; } diff --git a/readme.txt b/readme.txt index ae7ab256..9c923d39 100644 --- a/readme.txt +++ b/readme.txt @@ -96,6 +96,10 @@ Original design files are available on [Google Drive](https://drive.google.com/f == Changelog == += 1.7.1 - 06 May 2019 = +* Removed WooCommerce mini-cart "Cart" title. +* Minor comment form style improvements. + = 1.7 - 24 April 2019 = * Improved search form accessibility. * Added a setting for the input background color located at `Customize > Theme Settings > Customize > Fonts > Form Field Background Color`. diff --git a/sass/site/primary/_comments.scss b/sass/site/primary/_comments.scss index e217d913..17526301 100644 --- a/sass/site/primary/_comments.scss +++ b/sass/site/primary/_comments.scss @@ -134,12 +134,13 @@ align-items: center; clear: both; display: flex; - + margin: 0 0 8px; + input { line-height: 1; margin-right: 5px; } - + label { display: inline-block; font-weight: normal; @@ -147,9 +148,25 @@ } } + // Jetpack Subscriptions. + .comment-subscription-form { + display: block; + clear: both; + margin: 0 0 8px; + overflow: auto; + + input { + margin-right: 0; + } + + label { + font-weight: normal; + } + } + .form-submit { - margin-top: 10px; - text-align: right; + clear: both; + margin: 15px 0 0; input { background: transparent; @@ -157,7 +174,6 @@ border-radius: 0; box-shadow: inset 0 0 1px rgba(0,0,0,0.25); color: $color__text_dark; - float: right; font-family: $font__headings; font-size: 0.85em; line-height: 1em; @@ -178,10 +194,9 @@ input, textarea { - background-color: $comments__form_background_color; + background-color: $color__input-background; &:focus { - background-color: $comments__form_focus_background_color; outline: none; } } diff --git a/sass/variables-site/_variables-site.scss b/sass/variables-site/_variables-site.scss index 624ba237..ece224e0 100644 --- a/sass/variables-site/_variables-site.scss +++ b/sass/variables-site/_variables-site.scss @@ -70,8 +70,6 @@ $footer__link_hover_color: #a94346; $comments__reply_link_color: $color__text_meta; $comments__reply_background_color: $color__text_dark; $comments__submit_hover_color: #fff; -$comments__form_background_color: #fff; -$comments__form_focus_background_color: #fcfcfc; // WooCommerce $woocommerce__border_color: #d3d3d3; diff --git a/style.css b/style.css index dd6c6a13..8d2dcdbe 100644 --- a/style.css +++ b/style.css @@ -419,7 +419,7 @@ input[type="password"], input[type="search"], input[type="tel"], textarea { - background: #fff; + background: #ffffff; border: 1px solid #ccc; border-radius: 0; box-sizing: border-box; @@ -2062,7 +2062,8 @@ article.page { #commentform .comment-form-cookies-consent { align-items: center; clear: both; - display: flex; } + display: flex; + margin: 0 0 8px; } #commentform .comment-form-cookies-consent input { line-height: 1; margin-right: 5px; } @@ -2070,16 +2071,24 @@ article.page { display: inline-block; font-weight: normal; margin-bottom: 0; } + #commentform .comment-subscription-form { + display: block; + clear: both; + margin: 0 0 8px; + overflow: auto; } + #commentform .comment-subscription-form input { + margin-right: 0; } + #commentform .comment-subscription-form label { + font-weight: normal; } #commentform .form-submit { - margin-top: 10px; - text-align: right; } + clear: both; + margin: 15px 0 0; } #commentform .form-submit input { background: transparent; border: 1px solid #303030; border-radius: 0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25); color: #292929; - float: right; font-family: "Montserrat", sans-serif; font-size: 0.85em; line-height: 1em; @@ -2097,10 +2106,9 @@ article.page { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #commentform input, #commentform textarea { - background-color: #fff; } + background-color: #ffffff; } #commentform input:focus, #commentform textarea:focus { - background-color: #fcfcfc; outline: none; } /*--------------------------------------------------------------