Support » Plugins and Hacks » Center NextGen Thumbnails

Center NextGen Thumbnails

  • jbdecker


    I have searched and searched to find an answer on how to center nggallery thumbnails. The results have not produced the desired outcome. My template was created with Artisteer. The stock template of Twenty-Thirteen centers the thumbnails but when I change to my template they are aligned to the left. Please help. It should not be this hard, maybe just for me.


Viewing 1 replies (of 1 total)
  • Daconix


    You can try this code:

    .ngg-gallery-thumbnail-box {
        float: left;
        height: 150px;
        width: 136px;
        position: relative;
    .ngg-gallery-thumbnail {
    	margin-right: auto;
    	text-align: center;
    	float: none;
    	position: absolute;
    	bottom: 0px;
            width: 100%;
    .ngg-gallery-thumbnail-box img {
        display: block;
        margin-left: auto;
        margin-right: auto;

    just adjust .ngg-gallery-thumbnail-box width and height.

Viewing 1 replies (of 1 total)
  • The topic ‘Center NextGen Thumbnails’ is closed to new replies.