Center NextGen Thumbnails

  • jbdecker

    (@jbdecker)


    12 years, 7 months ago

    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.

    Thanks,
    Jason

Viewing 1 replies (of 1 total)
  • Davor Nikolic

    (@daconix)

    12 years, 7 months ago

    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.