galleryの中央寄せについて

###前提・実現したいこと
wordpressのNextGEN GALLERYのプラグインを用いてギャラリーページを作成しています。一応、一列５枚のギャラリーとしては表示されるのですが、中央によっていない状況です。
ギャラリー全体を中央寄せにして、画面のサイズが変わった時にも中央で表示されるようにしたいです。初歩的な質問で恐縮ですがよろしくお願い致します。また、wordpressで他にいいgyalleryプラグイン等がありましたら教えていただきたいです。

###ソースコード

<div class="contents-area">
  <h2 class="page-title">GALLERY</h2>
    <div class="gallery-post"><p>
     <div class="ngg-galleryoverview" id="ngg-gallery-360-106">


	<!-- Thumbnails -->
    		
	  <div id="ngg-image-47" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
	      <a href="http://localhost:8888/wp-content/gallery//9F1A4724.jpg"
               title=" "
               class='use_imagebrowser_effect' >
			   <img title="9F1A4724" alt="9F1A4724" src="http://localhost:8888/wp-content/gallery//thumbs/thumbs_9F1A4724.jpg" width='200' height='130' />
		  </a>
		</div>
	  </div>

            
 		
	<div id="ngg-image-48" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://localhost:8888/wp-content/gallery/IMG_3061_Fotor.jpg"
               title=" "
               class='use_imagebrowser_effect' >
			   <img title="IMG_3061_Fotor" alt="IMG_3061_Fotor" src="http://localhost:8888/wp-content/gallery/thumbs/thumbs_IMG_3061_Fotor.jpg" width='200' height='130' />
			   </a>
		   </div>

<!--...省略...-->

    </p>
  </div>
</div>

行動規範の内容に同意します

回答1件

ベストアンサー

NextGEN GALLERY の設定（スタイルなど）によりますが、下記のような形でできるかもしれません。

CSS
1.ngg-galleryoverview {
2	text-align: center !important;
3	overflow: hidden;
4	width: 100% !important;
5	clear:both;
6	display:block !important;
7}
8.ngg-gallery-thumbnail-box {
9	display: inline-block !important;
10	float: none !important;
11}