Description Below Title in Blogger Dynamic Views

Before

After

Hello! I've seen a couple of users finding a way to force the Description field to sit below the Title field in Blogger Dynamic Views. This post should walk you through the process.

Step 1:

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

#header .header-bar .title, .ss{
padding-top: 14px;
line-height: 30px !important;
margin-right: 0px !important;
}
#header.header div.header-bar span.title h3 {
display: block !important;
position: relative;
top: -10px;
}

Optional:

If you need them centered, you could add the following to your CSS.

#header .header-bar .title, .ss{
text-align: center
}