Kiristar

There are multiple thumbnails and css which seem to prevent the override css from being applied
If you are happy editing source css (recommend you take a back up of the original and note the location first to be able to revert)
You can then change this in the core nextgen source .min.css file.
stored in wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails/nextgen_basic_thumbnails.min.css?ver=2.1.50
I have just changed the grey border to be white from making it invisible for my template:
text-align: center;
max-width: 100% !important;
background-color: #fff;
border: 1px solid #fff;
margin-right: 5px;
margin: 5px;
}
Border code originally has
border:1px solid #a9a9a9

Are you using a theme style sheet or a plug in for gallery functionality (eg highslide) – they can conflict with ngg.

Suggest you download firebug for the firefox browser. That lets you identify a specific element on the screen and it shows you the code and source file. YOu can try changing colour codes in there too without altering the source code to work out what is causing the issue….

Hi,

I’m not sure about sizing, but you can change the border in the css style sheet box in the gallery tab under style section. Look for the section that says

/* ———– Album Styles Extend ————-*/

and change the relevant image type. For thumbnails that is the following section:

.ngg-thumbnail img {
background-color:#[add hex number for your colour choice here];/*default is #ffffff */
border:1px solid #[add hex number for your colour choice here];/*default is #A9A9A9 */
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-album {
/*height: 130px;*/
padding: 5px;
margin-bottom: 5px;
border: 1px solid #[add hex number for your colour choice here];/*default is #cccccc – is the border around album*/
overflow:hidden;
}

I set permalink setting to /%post_id%/%postname%/ which solved the problem,
thanks