Thursday, March 7, 2013

Increase Pop-up Image Size in Mosaic Blogger Dynamic Views Template


Before

After

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

No comments:

Post a Comment