styling search results page

diff --git a/css/app.css b/css/app.css
index c5f8880..27b3539 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7285,6 +7285,39 @@ article {
     -ms-transform: rotate(45deg);
     transform: rotate(45deg); }
 
+.search-results {
+  position: relative; }
+
+.search-result-header {
+  background: white;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px; }
+
+.search-result-container, .blog-posts-container {
+  box-shadow: none; }
+
+.search_results_context {
+  margin-bottom: -15px; }
+
+#blog-posts-over p.search_result_context {
+  margin-bottom: 5px;
+  padding-right: 150px;
+  line-height: 1.1; }
+
+#blog-posts-over .search-result-container {
+  margin: 0; }
+
+#blog-posts-over .search-result-container .entry-header {
+  margin-bottom: -5px; }
+
+#blog-posts-over .search-result-container .entry-header .entry-title a {
+  text-decoration: underline;
+  font-size: 1.5rem;
+  color: #57B649; }
+
+#blog-posts-over .search-result-container .entry-header .entry-title {
+  margin-bottom: -5px; }
+
 footer {
   background: #2c296d;
   padding: 20px 0 27px;

diff --git a/scss/_search.scss b/scss/_search.scss
index bd3e3d3..75f258d 100644 (file)
--- a/scss/_search.scss
+++ b/scss/_search.scss
@@ -48,4 +48,39 @@
                 }
             }
         }
+}
+.search-results{
+  
+    position: relative;
+}
+.search-result-header{
+    background: white;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+.search-result-container, .blog-posts-container{
+    box-shadow: none;
+}
+.search_results_context {
+    margin-bottom: -15px;
+}
+
+#blog-posts-over p.search_result_context {
+    margin-bottom: 5px;
+    padding-right: 150px;
+    line-height: 1.1;
+}
+#blog-posts-over .search-result-container {
+    margin: 0;
+}
+#blog-posts-over .search-result-container .entry-header{
+    margin-bottom: -5px;
+}
+#blog-posts-over .search-result-container .entry-header .entry-title a{
+    text-decoration: underline;
+    font-size: 1.5rem;
+    color: #57B649;
+}
+#blog-posts-over .search-result-container .entry-header .entry-title{
+    margin-bottom: -5px;
 }
\ No newline at end of file

diff --git a/search.php b/search.php
index 4a7bfa8..00155c7 100644 (file)
--- a/search.php
+++ b/search.php
@@ -15,7 +15,7 @@
                 <div class="small-11 small-centered columns">
                     <article id="<?php the_ID()?>" <?php post_class()?>>
                         <header class="entry-header">
-                            <h1 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h1>
+                            <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
                             <span class="meta date">Posted on <?php the_time('F jS, Y') ?></span>
                         </header>
 
@@ -76,6 +76,7 @@
                 <!-- End of the Contextual/Highlight Search -->
 
                         <?php //echo (function_exists('the_advanced_excerpt')) ? the_advanced_excerpt(): the_excerpt(); ?>
+<!--
                         <footer class="entry-meta small-12 medium-6 medium-push-3 center">
                             <?php
                             if (has_category()) {
@@ -92,6 +93,7 @@
                             }
                             ?>
                         </footer>
+-->
                     </article>
                 </div>
             </div>
@@ -105,6 +107,7 @@
             </div><!-- /#post-404 -->
             <?php endif;?>
         </div>
+<!--
         <div id="blog-side-info-wrapper" class="small-11 small-only-text-center medium-3 columns">
             <div id="blog-side-info">
                 <form id="searchform" action="<?php bloginfo('url'); ?>" method="get">
@@ -137,7 +140,8 @@
                     ?>
                 </ul>
             </div>
-            <?php } ?> <!-- end empty query check -->
+            <?php } ?>  end empty query check 
         </div>
+-->
     </div>
     <?php get_footer(); ?>