got gradient right and right text for blocks

diff --git a/css/app.css b/css/app.css
index 943696a..5d10753 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6202,9 +6202,9 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
   max-width: 100%;
   text-align: center; }
   #searchform div input.blogbutton {
-    background: -webkit-linear-gradient(top, #6c4f53 35%, #6c4f53 100%);
-    background: -moz-linear-gradient(center top, #6c4f53 35%, #6c4f53 100%);
-    background: -ms-linear-gradient(top, #6c4f53 35%, #6c4f53 100%); }
+    background: -webkit-linear-gradient(top, #6c4f53 15%, #6c4f53 100%);
+    background: -moz-linear-gradient(center top, #6c4f53 15%, #6c4f53 100%);
+    background: -ms-linear-gradient(top, #6c4f53 15%, #6c4f53 100%); }
 
 #blog-side-info {
   border-left: 1px solid grey;
@@ -6769,17 +6769,17 @@ main a {
       height: 215px; } }
 
 .gradient {
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #FFFFFF 100%);
-  background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 35%, #FFFFFF 100%);
-  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 35%, #FFFFFF 100%);
-  height: 465px;
+  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 15%, #FFFFFF 100%);
+  background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 15%, #FFFFFF 100%);
+  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 15%, #FFFFFF 100%);
+  height: 615px;
   width: 100%;
   position: absolute;
-  top: 100px; }
+  top: 6%; }
   @media only screen and (min-width:40.063em) and (max-width:64em) {
     .gradient {
-      height: 270px;
-      top: 60px; } }
+      height: 370px;
+      top: 30px; } }
   @media only screen and (max-width: 40em) {
     .gradient {
       display: none; } }

diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index 13de166..7438fa0 100644 (file)
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -18,7 +18,7 @@
             </a>
              <?php endif;?>
         <p><?php echo $block->post_content . $block->post_excerpt;?></p>
-        <a class="blocks-readmore" href="<?php echo $block->url;?>">Read More...</a>
+        <a class="blocks-readmore" href="<?php echo $block->url;?>">find out more...</a>
         <div class="separator text-center"><img src="<?php bloginfo('template_url'); ?>/assets/fancy-divider-large.jpg"></div>
     </div>
     <?php endforeach;?>

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 6ff0c97..3650486 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -103,13 +103,13 @@
 }
 .gradient {
     @include gradient(rgba($white, 0), $white);
-    height: 465px;
+    height: 615px;
     width: 100%;
     position: absolute;
-    top: 100px;
+    top: 6%;
     @media #{$medium-only} {
-        height: 270px;
-        top: 60px;
+        height: 370px;
+        top: 30px;
     }
     @media #{$small-only} {
         display: none;

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index 88d7483..aa70f7d 100644 (file)
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -4,7 +4,7 @@
 */
 
 @mixin gradient($from, $to) {
-    background: -webkit-linear-gradient(top, $from 35%, $to 100%);
-    background: -moz-linear-gradient(center top, $from 35%, $to 100%);
-    background: -ms-linear-gradient(top, $from 35%, $to 100%);
+    background: -webkit-linear-gradient(top, $from 15%, $to 100%);
+    background: -moz-linear-gradient(center top, $from 15%, $to 100%);
+    background: -ms-linear-gradient(top, $from 15%, $to 100%);
 }