From: Anthony Talarico Date: Thu, 14 Mar 2019 16:09:47 +0000 (-0400) Subject: changing the blog button colors on the news page X-Git-Tag: v1.2.57^2 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=9bb07b0011cca31ce37f3af38579e17d432c7e70;p=WP-Themes%2Fmountpleasantwow.git changing the blog button colors on the news page --- diff --git a/css/app.css b/css/app.css index d7e95f3..ef49306 100644 --- a/css/app.css +++ b/css/app.css @@ -8024,21 +8024,20 @@ body #glm-member-front-header .glm-button.button { #searchform input[type="submit"].blogbutton { border-radius: 3px; - color: #FFFFFF; - border: 2px solid #FFFFFF; + color: #E6E125; font-weight: bold; font-size: 13px; padding: 2px 5px; margin-top: -10px; text-transform: uppercase; - background-color: #ffc742; + background-color: #16345B; box-shadow: 3px 3px 2px lightgrey; text-align: center; } #searchform input[type="submit"].blogbutton:hover { cursor: pointer; background: #FFFFFF; - border: 2px solid #ffc742; - color: #ffc742; } + border: 2px solid #16345B; + color: #16345B; } #blog-posts-over article { padding-top: 10px; @@ -8051,11 +8050,15 @@ body #glm-member-front-header .glm-button.button { #blog-posts-over article ul { font-size: 13px; } #blog-posts-over article a.read-more { - color: #FFFFFF; - background: #ffc742; + color: #E6E125; + background: #16345B; border-radius: 5px; padding: 5px; - display: inline-block; } + margin-top: 15px; + display: inline-block; + width: 145px; + text-align: center; + font-size: 0.8125rem; } #blog-posts-over article .entry-header { background: transparent; margin-bottom: 10px; } diff --git a/header.php b/header.php index 05730ce..eab0ed2 100644 --- a/header.php +++ b/header.php @@ -4,7 +4,7 @@ <?php wp_title(); ?> - + diff --git a/scss/_blog.scss b/scss/_blog.scss index 56a1fb8..8e72a0b 100644 --- a/scss/_blog.scss +++ b/scss/_blog.scss @@ -172,21 +172,21 @@ } #searchform input[type="submit"].blogbutton { border-radius: 3px; - color: $white; - border: 2px solid $white; + color: $revamp-yellow; + // border: 2px solid $white; font-weight: bold; font-size: 13px; padding: 2px 5px; margin-top: -10px; text-transform: uppercase; - background-color: #ffc742; + background-color: $revamp-blue; box-shadow: 3px 3px 2px lightgrey; text-align: center; &:hover { cursor: pointer; background: $white; - border: 2px solid #ffc742; - color: #ffc742; + border: 2px solid $revamp-blue; + color: $revamp-blue; } } #blog-posts-over article { @@ -202,11 +202,15 @@ font-size: 13px; } a.read-more { - color: $white; - background: $gold; + color: $revamp-yellow; + background: $revamp-blue; border-radius: 5px; padding: 5px; + margin-top: 15px; display: inline-block; + width: 145px; + text-align: center; + font-size: rem-calc(13); } .entry-header { background: transparent; diff --git a/style.css b/style.css index 91c4cc9..f07ed6f 100644 --- a/style.css +++ b/style.css @@ -3,5 +3,5 @@ Theme Name: MountPleasantCVB Author: Gaslight Media Author URI: http://www.gaslightmedia.com Description: A theme for MountPleasantCVB -Version: 1.2.56 +Version: 1.2.57 */