22.5.13

Increase Pop-up Image Size in Mosaic (& delete thumb-pinlines) Blogger Dynamic Views | Southern Speakers v3.0

Increase Pop-up Image Size in Mosaic Blogger Dynamic Views | Southern Speakers v3.0

Click here for a Live Demo!

I don't imagine Mosaic Dynamic View being very famous among Blogger users, as I rarely see any questions on the said template. But here's one for all you Mosaic users out there. When you hover over a mosaic post in Mosaic view, the post's thumbnail would pop-up and get slightly increased. With a little bit of magic code, you could make the pop-up thumbnails much larger, and appealing. And here's how.

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
.mosaic.notouch:not(.animating) .item:hover:not(.open), .ss{
-moz-transform: scale(1.5) !important;
-webkit-transform: scale(1.5) !important;
-ms-transform: scale(1.5) !important;
-o-transform: scale(1.5) !important;
}