Adding a 'Read More' tag to Post Summaries in Magazine Dynamic View

Before

After

If you're reading this post, you're probably no stranger to the way post summaries are presented in magazine view.. The template dynamically fetches an excerpt of your whole article (often your first paragraph) and present it as a post-summary on the front page. Unfortunately, the summaries are put in a way where one could easily miss the rest of your post - as very little has been done to indicate that the summary has more to it when you click on the post.. There isn't anything you can do to make the summary show the whole of your writing, but there is one thing you can do to indicate there is more to your summary - place a 'read more' tag to the end of your summary's line..

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.

.magazine .item:after, .ss{
content: "  ------> Read More" !important;
color: red !important;
}
.magazine #lead .item:after, .ss{
content: "  ------> Read More" !important;
color: red !important;
position: relative !important;
top: 5px !important;
left: -400px;
}

Feel free to change the tag's color by changing Line 3 and Line 7 in the code above..