diff --git a/content.php b/content.php
index 132262c..9f4849c 100644
--- a/content.php
+++ b/content.php
@@ -20,4 +20,11 @@
 		<?php endif; ?>
 		
 	</a>
+	
+	<?php if (get_theme_mod('excerpt-length','0') != '0'): ?>
+		<div class="box-excerpt">
+			<?php the_excerpt(); ?>
+		</div>
+	<?php endif; ?>
+
 </article>
\ No newline at end of file
diff --git a/dark.css b/dark.css
index 4d36275..0f47baa 100644
--- a/dark.css
+++ b/dark.css
@@ -23,6 +23,9 @@ body:where(.dark) .box a:hover { background: rgba(0,0,0,0.12); }
 body:where(.dark) .box-title { color: #fff; }
 body:where(.dark) .box-date { color: rgba(255,255,255,0.3); }
 body:where(.dark) .box a:hover .thumb-icon { color: #1f2128; }
+body:where(.dark) .box-excerpt { background: rgba(0,0,0,0.12); color: rgba(255,255,255,0.4); border-top: 1px solid rgba(255,255,255,0.06); }
+body:where(.dark) .box-excerpt:before { border-bottom-color: #1b1d23; }
+body:where(.dark) .box-excerpt:after { border-bottom-color: #282a30; }
 body:where(.dark) .front-widgets { background: rgba(0,0,0,0.12); border-top: 1px solid rgba(255,255,255,0.06); }
 
 /* header */
diff --git a/functions/theme-options.php b/functions/theme-options.php
index 1d5087a..954f491 100644
--- a/functions/theme-options.php
+++ b/functions/theme-options.php
@@ -107,6 +107,20 @@ Kirki::add_field( 'microtype_theme', array(
 	'section'		=> 'blog',
 	'default'		=> '',
 ) );
+// Blog: Excerpt Length
+Kirki::add_field( 'microtype_theme', array(
+	'type'			=> 'slider',
+	'settings'		=> 'excerpt-length',
+	'label'			=> esc_html__( 'Excerpt Length', 'microtype' ),
+	'description'	=> esc_html__( 'Max number of words. Set it to 0 to disable.', 'microtype' ),
+	'section'		=> 'blog',
+	'default'		=> '0',
+	'choices'     => array(
+		'min'	=> '0',
+		'max'	=> '100',
+		'step'	=> '1',
+	),
+) );
 // Blog: Frontpage Widgets Top
 Kirki::add_field( 'microtype_theme', array(
 	'type'			=> 'switch',
diff --git a/languages/microtype.pot b/languages/microtype.pot
index f4a1eed..8cfa4c3 100644
--- a/languages/microtype.pot
+++ b/languages/microtype.pot
@@ -2,7 +2,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Microtype\n"
-"POT-Creation-Date: 2022-09-09 15:24+0200\n"
+"POT-Creation-Date: 2022-09-09 16:29+0200\n"
 "PO-Revision-Date: 2018-09-21 21:27+0100\n"
 "Last-Translator: \n"
 "Language-Team: \n"
@@ -75,7 +75,7 @@ msgstr ""
 msgid "Normal full width sidebar"
 msgstr ""
 
-#: functions.php:182 functions/theme-options.php:221
+#: functions.php:182 functions/theme-options.php:235
 msgid "Footer Ads"
 msgstr ""
 
@@ -225,375 +225,383 @@ msgid "Your blog subheading"
 msgstr ""
 
 #: functions/theme-options.php:114
+msgid "Excerpt Length"
+msgstr ""
+
+#: functions/theme-options.php:115
+msgid "Max number of words. Set it to 0 to disable."
+msgstr ""
+
+#: functions/theme-options.php:128
 msgid "Frontpage Widgets Top"
 msgstr ""
 
-#: functions/theme-options.php:115 functions/theme-options.php:124
+#: functions/theme-options.php:129 functions/theme-options.php:138
 msgid "A column of widgets"
 msgstr ""
 
-#: functions/theme-options.php:123
+#: functions/theme-options.php:137
 msgid "Frontpage Widgets Bottom"
 msgstr ""
 
-#: functions/theme-options.php:132
+#: functions/theme-options.php:146
 msgid "Comment Count"
 msgstr ""
 
-#: functions/theme-options.php:140
+#: functions/theme-options.php:154
 msgid "Single - Author Bio"
 msgstr ""
 
-#: functions/theme-options.php:141
+#: functions/theme-options.php:155
 msgid "Shows post author description, if it exists"
 msgstr ""
 
-#: functions/theme-options.php:149
+#: functions/theme-options.php:163
 msgid "Single - Related Posts"
 msgstr ""
 
-#: functions/theme-options.php:150
+#: functions/theme-options.php:164
 msgid "Shows randomized related articles below the post"
 msgstr ""
 
-#: functions/theme-options.php:154 functions/theme-options.php:168
+#: functions/theme-options.php:168 functions/theme-options.php:182
 msgid "Disable"
 msgstr ""
 
-#: functions/theme-options.php:155
+#: functions/theme-options.php:169
 msgid "Related by categories"
 msgstr ""
 
-#: functions/theme-options.php:156
+#: functions/theme-options.php:170
 msgid "Related by tags"
 msgstr ""
 
-#: functions/theme-options.php:163
+#: functions/theme-options.php:177
 msgid "Single - Post Navigation"
 msgstr ""
 
-#: functions/theme-options.php:164
+#: functions/theme-options.php:178
 msgid "Shows links to the next and previous article"
 msgstr ""
 
-#: functions/theme-options.php:169
+#: functions/theme-options.php:183
 msgid "Below content"
 msgstr ""
 
-#: functions/theme-options.php:176
+#: functions/theme-options.php:190
 msgid "Header Search"
 msgstr ""
 
-#: functions/theme-options.php:177
+#: functions/theme-options.php:191
 msgid "Header search button"
 msgstr ""
 
-#: functions/theme-options.php:185
+#: functions/theme-options.php:199
 msgid "Header Social Links"
 msgstr ""
 
-#: functions/theme-options.php:186 functions/theme-options.php:247
+#: functions/theme-options.php:200 functions/theme-options.php:261
 msgid "Social link icon buttons"
 msgstr ""
 
-#: functions/theme-options.php:194
+#: functions/theme-options.php:208
 msgid "Profile Image"
 msgstr ""
 
-#: functions/theme-options.php:195
+#: functions/theme-options.php:209
 msgid "Minimum width of 320px"
 msgstr ""
 
-#: functions/theme-options.php:203
+#: functions/theme-options.php:217
 msgid "Profile Name"
 msgstr ""
 
-#: functions/theme-options.php:204
+#: functions/theme-options.php:218
 msgid "Your name appears below the image"
 msgstr ""
 
-#: functions/theme-options.php:212
+#: functions/theme-options.php:226
 msgid "Profile Description"
 msgstr ""
 
-#: functions/theme-options.php:213
+#: functions/theme-options.php:227
 msgid "A short description of you"
 msgstr ""
 
-#: functions/theme-options.php:222
+#: functions/theme-options.php:236
 msgid "Footer widget ads area"
 msgstr ""
 
-#: functions/theme-options.php:230
+#: functions/theme-options.php:244
 msgid "Footer Widget Columns"
 msgstr ""
 
-#: functions/theme-options.php:231
+#: functions/theme-options.php:245
 msgid "Select columns to enable footer widgets. Recommended number: 3"
 msgstr ""
 
-#: functions/theme-options.php:246
+#: functions/theme-options.php:260
 msgid "Footer Social Links"
 msgstr ""
 
-#: functions/theme-options.php:255
+#: functions/theme-options.php:269
 msgid "Footer Logo"
 msgstr ""
 
-#: functions/theme-options.php:256
+#: functions/theme-options.php:270
 msgid "Upload your custom logo image"
 msgstr ""
 
-#: functions/theme-options.php:264
+#: functions/theme-options.php:278
 msgid "Footer Copyright"
 msgstr ""
 
-#: functions/theme-options.php:265
+#: functions/theme-options.php:279
 msgid "Replace the footer copyright text"
 msgstr ""
 
-#: functions/theme-options.php:273
+#: functions/theme-options.php:287
 msgid "Footer Credit"
 msgstr ""
 
-#: functions/theme-options.php:274
+#: functions/theme-options.php:288
 msgid "Footer credit text"
 msgstr ""
 
-#: functions/theme-options.php:282
+#: functions/theme-options.php:296
 msgid "Create Social Links"
 msgstr ""
 
-#: functions/theme-options.php:283
+#: functions/theme-options.php:297
 msgid "Create and organize your social links"
 msgstr ""
 
-#: functions/theme-options.php:285
+#: functions/theme-options.php:299
 msgid "Font Awesome names:"
 msgstr ""
 
-#: functions/theme-options.php:285 functions/theme-options.php:302
+#: functions/theme-options.php:299 functions/theme-options.php:316
 msgid "View All"
 msgstr ""
 
-#: functions/theme-options.php:288
+#: functions/theme-options.php:302
 msgid "social link"
 msgstr ""
 
-#: functions/theme-options.php:295
+#: functions/theme-options.php:309
 msgid "Title"
 msgstr ""
 
-#: functions/theme-options.php:296
+#: functions/theme-options.php:310
 msgid "Ex: Facebook"
 msgstr ""
 
-#: functions/theme-options.php:301
+#: functions/theme-options.php:315
 msgid "Icon Name"
 msgstr ""
 
-#: functions/theme-options.php:302
+#: functions/theme-options.php:316
 msgid "Font Awesome icons. Ex: fa-facebook "
 msgstr ""
 
-#: functions/theme-options.php:307
+#: functions/theme-options.php:321
 msgid "Link"
 msgstr ""
 
-#: functions/theme-options.php:308
+#: functions/theme-options.php:322
 msgid "Enter the full url for your icon button"
 msgstr ""
 
-#: functions/theme-options.php:313
+#: functions/theme-options.php:327
 msgid "Icon Color"
 msgstr ""
 
-#: functions/theme-options.php:314
+#: functions/theme-options.php:328
 msgid "Set a unique color for your icon (optional)"
 msgstr ""
 
-#: functions/theme-options.php:319
+#: functions/theme-options.php:333
 msgid "Open in new window"
 msgstr ""
 
-#: functions/theme-options.php:328
+#: functions/theme-options.php:342
 msgid "Dynamic Styles"
 msgstr ""
 
-#: functions/theme-options.php:329
+#: functions/theme-options.php:343
 msgid "Turn on to use the styling options below"
 msgstr ""
 
-#: functions/theme-options.php:337
+#: functions/theme-options.php:351
 msgid "Font"
 msgstr ""
 
-#: functions/theme-options.php:338
+#: functions/theme-options.php:352
 msgid "Select font for the theme"
 msgstr ""
 
-#: functions/theme-options.php:342
+#: functions/theme-options.php:356
 msgid "Titillium Web, Latin (Self-hosted)"
 msgstr ""
 
-#: functions/theme-options.php:343
+#: functions/theme-options.php:357
 msgid "Titillium Web, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:344
+#: functions/theme-options.php:358
 msgid "Droid Serif, Latin"
 msgstr ""
 
-#: functions/theme-options.php:345
+#: functions/theme-options.php:359
 msgid "Source Sans Pro, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:346
+#: functions/theme-options.php:360
 msgid "Lato, Latin"
 msgstr ""
 
-#: functions/theme-options.php:347
+#: functions/theme-options.php:361
 msgid "Raleway, Latin"
 msgstr ""
 
-#: functions/theme-options.php:348
+#: functions/theme-options.php:362
 msgid "Inter, Latin"
 msgstr ""
 
-#: functions/theme-options.php:349
+#: functions/theme-options.php:363
 msgid "Ubuntu, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:350
+#: functions/theme-options.php:364
 msgid "Ubuntu, Latin / Cyrillic-Ext"
 msgstr ""
 
-#: functions/theme-options.php:351
+#: functions/theme-options.php:365
 msgid "Roboto, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:352
+#: functions/theme-options.php:366
 msgid "Roboto, Latin / Cyrillic-Ext"
 msgstr ""
 
-#: functions/theme-options.php:353
+#: functions/theme-options.php:367
 msgid "Roboto Condensed, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:354
+#: functions/theme-options.php:368
 msgid "Roboto Condensed, Latin / Cyrillic-Ext"
 msgstr ""
 
-#: functions/theme-options.php:355
+#: functions/theme-options.php:369
 msgid "Roboto Slab, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:356
+#: functions/theme-options.php:370
 msgid "Roboto Slab, Latin / Cyrillic-Ext"
 msgstr ""
 
-#: functions/theme-options.php:357
+#: functions/theme-options.php:371
 msgid "Playfair Display, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:358
+#: functions/theme-options.php:372
 msgid "Playfair Display, Latin / Cyrillic"
 msgstr ""
 
-#: functions/theme-options.php:359
+#: functions/theme-options.php:373
 msgid "Open Sans, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:360
+#: functions/theme-options.php:374
 msgid "Open Sans, Latin / Cyrillic-Ext"
 msgstr ""
 
-#: functions/theme-options.php:361
+#: functions/theme-options.php:375
 msgid "PT Serif, Latin-Ext"
 msgstr ""
 
-#: functions/theme-options.php:362
+#: functions/theme-options.php:376
 msgid "PT Serif, Latin / Cyrillic-Ext"
 msgstr ""
 
-#: functions/theme-options.php:363
+#: functions/theme-options.php:377
 msgid "Arial"
 msgstr ""
 
-#: functions/theme-options.php:364
+#: functions/theme-options.php:378
 msgid "Georgia"
 msgstr ""
 
-#: functions/theme-options.php:365
+#: functions/theme-options.php:379
 msgid "Verdana"
 msgstr ""
 
-#: functions/theme-options.php:366
+#: functions/theme-options.php:380
 msgid "Tahoma"
 msgstr ""
 
-#: functions/theme-options.php:373
+#: functions/theme-options.php:387
 msgid "Layout Box Max-width"
 msgstr ""
 
-#: functions/theme-options.php:374
+#: functions/theme-options.php:388
 msgid "Max-width of the layout box"
 msgstr ""
 
-#: functions/theme-options.php:387
+#: functions/theme-options.php:401
 msgid "Content Max-width"
 msgstr ""
 
-#: functions/theme-options.php:388
+#: functions/theme-options.php:402
 msgid "Max-width of the content"
 msgstr ""
 
-#: functions/theme-options.php:401
+#: functions/theme-options.php:415
 msgid "Header Logo Image Max-height"
 msgstr ""
 
-#: functions/theme-options.php:402
+#: functions/theme-options.php:416
 msgid ""
 "Your logo image should have the double height of this to be high resolution"
 msgstr ""
 
-#: functions/theme-options.php:415
+#: functions/theme-options.php:429
 msgid "Dark Theme"
 msgstr ""
 
-#: functions/theme-options.php:416
+#: functions/theme-options.php:430
 msgid "Use dark instead of light base"
 msgstr ""
 
-#: functions/theme-options.php:424
+#: functions/theme-options.php:438
 msgid "Light/Dark Theme Toggle"
 msgstr ""
 
-#: functions/theme-options.php:425
+#: functions/theme-options.php:439
 msgid "Do not use with dark theme enabled"
 msgstr ""
 
-#: functions/theme-options.php:433
+#: functions/theme-options.php:447
 msgid "Invert Dark Logo Color"
 msgstr ""
 
-#: functions/theme-options.php:434
+#: functions/theme-options.php:448
 msgid "Change color for the logo in dark mode"
 msgstr ""
 
-#: functions/theme-options.php:442
+#: functions/theme-options.php:456
 msgid "Box Border Radius"
 msgstr ""
 
-#: functions/theme-options.php:443
+#: functions/theme-options.php:457
 msgid "Change radius of the layout box."
 msgstr ""
 
-#: functions/theme-options.php:456
+#: functions/theme-options.php:470
 msgid "Primary Accent"
 msgstr ""
 
-#: functions/theme-options.php:464
+#: functions/theme-options.php:478
 msgid "Background Color"
 msgstr ""
 
diff --git a/responsive.css b/responsive.css
index 3d8a768..a3b7fe1 100644
--- a/responsive.css
+++ b/responsive.css
@@ -139,6 +139,9 @@
 	.box-thumbnail { margin-left: -80px; margin-right: 0; float: left; }
 	.box-title { font-size: 16px; }
 	.box-date { font-size: 12px; }
+	.box-excerpt { font-size: 14px; }
+	.box-excerpt:before,
+	.box-excerpt:after { left: 34px; }
 	
 	/* sharrre */
 	.sharrre-footer .sharrre .count { display: none; }
diff --git a/style.css b/style.css
index 384ed18..80df803 100644
--- a/style.css
+++ b/style.css
@@ -870,6 +870,9 @@ body.dark #theme-toggle-btn:before { border-color: #1a1a1a; top: 2px; left: 34px
 .box-comments span { font-size: 12px; font-weight: 600; color: #fff; line-height: 26px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; transition: all 0.3s ease; }
 .box a:hover .box-comments { opacity: 1; right: 20px; }
 .box a:hover .thumb-icon { background: #fff; color: #333; }
+.box-excerpt { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.5); border-top: 1px solid rgba(0,0,0,0.06); padding: 20px 30px; position: relative; }
+.box-excerpt:before { content:""; display: block; height: 0; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f5f5f5; position: absolute; left: 44px; top: -15px; z-index: 1; }
+.box-excerpt:after { content:""; display: block; height: 0; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ddd; position: absolute; left: 44px; top: -16px; }
 
 .slick-image-slide-wrapper { position: relative; }
 .slick-image-slide { background: #333; }