By default, author names appear at the bottom of your posts.. It says something like 'Posted 3 weeks ago by Yoga'. Given Dynamic View template's stylish design, it'd be more classy if the author name appears at top, below the post title. Everyone is entitled to his/her own opinion of course, but if you want your author name to appear below your post title, and remove the author name from the 'Posted 3 weeks ago' part, this post is just for you. This is a respond to Blog Reader Berk Efe Altinal.
Go to Dashboard
-Template
-Customize
-Advanced
-Add CSS
-paste the following code
-Press enter after the last character of the last line
-Apply to Blog.
.article .article-header h1.title:after, .ss{
content:"by Yoga";
display: block;
padding-top: 10px;
font-size: 14px !important;
color: grey !important;
}
Replace the word 'Yoga' in Line 2 with your name. Note that since we're adding a static attribute to the author name, this tweak will not work if you have more than one author.. You can only set 1 author name per blog.
Extra: Remove author name from the bottom of your post
To remove the original author name from the line that says 'Posted 3 weeks ago by blabla' (to avoid name duplicates), add the following code to your Add CSS box.
.publish-info{
font-size: 0px;
}
.publish-info .time{
font-size: 14px !important;
}
.publish-info .time:before, .ss{
content: "Posted ";
color: #808080;
font-size: 14px !important;
}
Go to Dashboard
-Template
-Customize
-Advanced
-Add CSS
-paste the following code
-Press enter after the last character of the last line
-Apply to Blog.
.article .article-header h1.title:after, .ss{
content:"by Yoga";
display: block;
padding-top: 10px;
font-size: 14px !important;
color: grey !important;
}
Replace the word 'Yoga' in Line 2 with your name. Note that since we're adding a static attribute to the author name, this tweak will not work if you have more than one author.. You can only set 1 author name per blog.
Extra: Remove author name from the bottom of your post
To remove the original author name from the line that says 'Posted 3 weeks ago by blabla' (to avoid name duplicates), add the following code to your Add CSS box.
.publish-info{
font-size: 0px;
}
.publish-info .time{
font-size: 14px !important;
}
.publish-info .time:before, .ss{
content: "Posted ";
color: #808080;
font-size: 14px !important;
}
EmoticonEmoticon