diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 29b61ebbde3..2fb6c640aa7 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -266,11 +266,13 @@
         <attribute name="class">blog_cover</attribute>
         <attribute name="t-attf-style">background-image : url(data:image/jpg;base64,#{blog_post.content_image})</attribute>
     </xpath>
+    <xpath expr="//p[@name='blog_post_data']" position="before">
+        <h5 class="text-center " t-field="blog_post.sub_title"/>
+    </xpath>
     <xpath expr="//div[@id='title']" position="inside">
-        <h2 class="text-center text-muted"><small t-field="blog_post.sub_title"></small></h2>
         <div class="text-center blog_item">
             <img class="img-circle" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(blog_post.create_uid.id)" style="width: 30px; margin-right: 10px;"/>
-            <small class="text-muted" id="blog_author" t-field="blog_post.create_uid.name"/>
+            <small id="blog_author" t-field="blog_post.create_uid.name"/>
         </div>
         <div class="text-center mt64">
             <a href="#blog_content"><span class="fa fa-angle-down fa-2x fa-inverse"/></a>
@@ -280,10 +282,10 @@
         <div class="cover_footer" t-attf-style="background-image: url(data:image/jpg;base64,#{next_post.content_image})">
             <a class="js_next " t-attf-href="/blogpost/#{ slug(next_post) }"><p class="text-center">Read Next</p></a>
             <h1 class="text-center" t-field="next_post.name"/>
-            <h2 class="text-center text-muted"><small t-field="blog_post.sub_title"></small></h2>
+            <h5 class="text-center" t-field="blog_post.sub_title"/>
             <div class="text-center blog_item">
                 <img class="img-circle" t-att-src="'/website/image?model=res.partner&amp;field=image_small&amp;id='+str(next_post.create_uid.id)" style="width: 30px; margin-right: 10px;"/>
-                <small class="text-muted" id="blog_author" t-field="next_post.create_uid.name"/>
+                <small id="blog_author" t-field="next_post.create_uid.name"/>
             </div>
         </div>
     </xpath>