Centering nextgen gallery thumbnails

My issue is: the thumbnails seem to align toward the left. How do I center the gallery’s thumbnails on my page? I tried inserting “center” html tags before and after the gallery shortcode but that didn’t work.

I found the following css which seems to work.

.ngg-galleryoverview {
 text-align:center;
 }

 .ngg-gallery-thumbnail-box {
 float:none !important;
 display:inline-block;
 }

 

Just put it in your custom.css.

I hope that will help someone with a similar problem.

1

No Responses

Write a response