Add header text feature image option

BlinfoldKing · Mar 24, 2015 · 5ec0cda · 5ec0cda
1 parent 96b383a
commit 5ec0cda
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/_config.yml b/_config.yml
@@ -15,6 +15,7 @@ theme:
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
      <p>Remove all header text in <code>_config.yml</code> to disable this feature.</p>
+  header_text_feature_image: img/sample_feature_img_3.png
   footer_text: >
    Powered by <a href="http://jekyllrb.com">Jekyll</a> with <a href="https://rohanchandra.github.io/project/type/">Type Theme</a>
 

diff --git a/_sass/layouts/_index.scss b/_sass/layouts/_index.scss
@@ -3,7 +3,8 @@
   @extend %padding-regular;
   display: inline-block;
   width: 100%;
-  background: none repeat scroll 0% 0% $header-desc-background-color;
+  background-color:$header-desc-background-color;
+  background-size: cover;
   font-size: 1.2em;
   text-align: center;
   color: $header-desc-text-color;

diff --git a/img/sample_feature_img_3.png b/img/sample_feature_img_3.png
diff --git a/index.html b/index.html
@@ -4,7 +4,10 @@
 
 <div class="home">
   {% if site.theme.header_text %}
-  <div class="call-out">{{ site.theme.header_text }}</div>
+  <div class="call-out" 
+  style="background-image: url('{{ site.baseurl }}/{{ site.theme.header_text_feature_image }}')">
+    {{ site.theme.header_text }}
+  </div>
   {% endif %}
 
   <div class="posts">