The CSS in this article is pre-NextGEN Gallery 2.0.  If you are using the latest version of NextGEN Gallery then the CSS might be slightly different than what's in this example.  Also, custom CSS will not work for NextGEN Pro iframe based galleries.

Have you been wanting to spruce up your gallery thumbnails a bit?

Below is a snippet of CSS that you can customize.  The purpose of this small CSS snippet is to add shadows to your NextGEN Gallery Thumbnails. (as you see in the gallery above)

.ngg-gallery-thumbnail img{-webkit-border-radius: 30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;border-radius: 30px 30px 30px 30px;}

In the demo, the corners are rounded to 30px, but you can change the curve as per your liking.

Thanks and enjoy,

Scott

As a reminder, to see the gallery, you must be viewing this in the browser and not through email or in RSS software. The post must be viewed from its own URL and not from the main blog page. Also If you are not familiar with CSS and/or do not feel comfortable making changes like this to your website, please do not attempt it.

Share this with other photographers

Leave a Reply

Close Menu
[i]
[i]