changing the blog button colors on the news page
authorAnthony Talarico <talarico@gaslightmedia.com>
Thu, 14 Mar 2019 16:09:47 +0000 (12:09 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Thu, 14 Mar 2019 16:09:47 +0000 (12:09 -0400)
css/app.css
header.php
scss/_blog.scss
style.css

index d7e95f3..ef49306 100644 (file)
@@ -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; }
index 05730ce..eab0ed2 100644 (file)
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title><?php wp_title(); ?></title>
-    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.2.56">
+    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.2.57">
       <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico">
     <link href='//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
     <link href='//fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
index 56a1fb8..8e72a0b 100644 (file)
 }
 #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 {
         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;
index 91c4cc9..f07ed6f 100644 (file)
--- 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
 */