added before TOC PARAGRAPH

wowthemesnet · Mar 22, 2019 · 5f71508 · 5f71508
1 parent 91c6f23
commit 5f71508
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -50,17 +50,21 @@ <h1 class="posttitle">{{ page.title }}</h1>
 			{% if page.image %}<img class="featured-image img-fluid" src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ page.image | absolute_url }}{% endif %}" alt="{{ page.title }}">{% endif %}
             <!-- End Featured Image -->
 
-            <!-- Toc if any -->
-            {% if page.toc %}
-             <div class="toc mt-5 mb-5 lead">
-             <h3 class="font-weight-bold">Summary</h3>
-             {% include toc.html html=content %}
-             </div>
-            {% endif %}
-            <!-- End Toc -->
+
 
 			<!-- Post Content -->
 			<div class="article-post">
+                <!-- Toc if any -->            
+                {% if page.toc %}
+                    {% if page.beforetoc %}
+                        <p><em>{{page.beforetoc}}</em></p>
+                    {% endif %}
+                    <div class="toc mt-4 mb-4 lead">
+                        <h3 class="font-weight-bold">Summary</h3>
+                        {% include toc.html html=content %}
+                    </div>
+                {% endif %}
+                <!-- End Toc -->
 				{{content}}
 			</div>
 

diff --git a/_posts/2018-06-12-education.md b/_posts/2018-06-12-education.md
@@ -4,6 +4,7 @@ title:  "Education must also train one for quick, resolute and effective thinkin
 author: john
 categories: [ Jekyll, tutorial ]
 image: assets/images/3.jpg
+beforetoc: "Markdown editor is a very powerful thing. In this article I'm going to show you what you can actually do with it, some tricks and tips while editing your post."
 toc: true
 ---
 There are lots of powerful things you can do with the Markdown editor