Dynamic Views Blogger : Fit Post Titles in Snapshot Thumbnails

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.

Sumber : http://www.southernspeakers.net/2012/05/fit-post-titles-in-snapshot-thumbnails.html

Share