Paste the following css to your style.css

1
2
3
.ngg-gallery-thumbnail-box { margin: 5px .5%!important; width: 32.3%!important; }
.ngg-gallery-thumbnail a { display: block; overflow: hidden; }
.ngg-gallery-thumbnail a img { border: 1px solid #8eb83b!important; width: 95%!important; padding: 2%!important; margin: 0 auto!important; }

1 Comment

  1. Or like this:

    .ngg-galleryoverview { padding: 1px 0 0 1px !important; }

    .ngg-gallery-thumbnail-box {
    height: auto;
    margin: 0px 0 0 0px !important;
    max-width: 20%;
    width: 20%;
    padding: 0px !important;
    background-color: #ffffff !important;
    float: left;
    }

    .ngg-gallery-thumbnail-box:nth-child(5n+1) { clear: both; }

    .ngg-gallery-thumbnail {
    float: left;
    margin-right: 3px !important;
    margin-bottom: 3px !important;
    text-align: center;
    }

    .ngg-gallery-thumbnail img {
    border: 1px solid #ccc !important;
    height: 100%;
    margin: 0 !important;
    max-width: 100%;
    padding: 0px !important;
    width: 100%;
    }

    .ngg-gallery-thumbnail a:hover img {
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
    }

    img.ngg-singlepic {
    background-color: #FFFFFF !important;
    border: 1px solid #ccc !important;
    padding: 5px !important;
    }

Comments are closed.