Fit Post Titles in Snapshot Thumbnails in Blogger Dynamic Views

Before

After

Lots of photo bloggers are annoyed by the fact that the post-tiles in Snapshot view are often clipped at the side. By default, only the first 4-5 words are visible, and the rest of them are kept hidden. Moreover, the titles need to share the space with the comment bubbles, which certainly isn't a encouraging factor for anyone who wants to use Snapshot view. Let's change this, shall we?

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.

.snapshot .item.comments .title {
left: 5px;
right: 5px;
font-size: 14px;
text-wrap: normal !important;
white-space: normal !important;
overflow: visible !important;
}

.snapshot #content .item h3.title{
bottom: 5px;
height: auto;
}
 
.snapshot .item .comments-count {
bottom: 220px;
}

This tweak should allow titles within 10-12 words to be visible. If your average titles are longer than this, feel free to bring the title font-size down to fit in more words, by adjusting line 4.

"Help, it doesn't work!"

If the code above doesn't work for you, try this instead:

.snapshot .item .title {
left: 5px !important;
right: 5px !important;
font-size: 14px !important;
text-wrap: normal !important;
white-space: normal !important;
overflow: visible !important;
}

.snapshot #content .item h3.title{
bottom: 5px !important;
height: auto !important;
}
 
.snapshot .item .comments-count {
bottom: 220px !important;
}