Geeks Blog

To change the imagebrowser Template of Nextgen Gallery I have followed and did following steps.

in the /css/nggallery.css file find .pic class which is set to width: 100%. Comment the line out.

1
2
3
4

.ngg-galleryoverview div.pic img
{
/*width: 100%;	*/
}

in the /css/nggallery.css file find .ngg-imagebrowser img which is set to width: 100%. Comment the line out.

1
2
3
4
5
6
7
8
9

.ngg-imagebrowser img
{
border:1px solid #A9A9A9;
margin-top: 10px;
margin-bottom: 10px;
/*width: 100%;*/
display:block !important;
padding:5px;
}

Now the change the template of the file you need to edit /show/imagebrowser.php. The first thing I have done is I got the Navigation links section up from bellow the picture. It is more accessible than the default design of one of the best image gallery plugin for wordpress.