Fit Full Post Title in Snapshot Thumbnails in Blogger Dynamic Views Template

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.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

.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:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

.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; }