How to center NextGEN Gallery Thumbnails

Place code in Custom CSS on Website Template

The code does say :In your NextGEN Gallery Settings go to “Other Settings” > “Styles” > “Enable Custom CSS” and paste the following code:

But I found it only works if you place it in the Template Custom CSS Section

Code Below

//This centres NextGEN Gallery Thumbnails
.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}