How to change Imagebrowser Template of Nextgen Gallery in WordPress

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.

.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.

.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.

Comments are closed.