NextGen Gallery – How do you remove border around thumbnails?

Same Problem and no answer. Nice Plugin Support. 1 Star

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

Hi I did what you instructed but now my galleries have gone blank – any ideas why? I put the original file back into the relevant location but they’re still wrong – basically the thumbnails are displayed in a vertical line with thin spaces between them. Would really like to have it back to the way it was originally!

I think it would be very helpful to have a checkbox in the NGG options.

Checkbox for if frame wanted or not and if yes, which size which color.
I think this would be very helpful.

some people here have problems with black background, some have white background and wants to have a black one. so like me.

I can not change it, because I am not able to work in CSS files :-((

you need to edit file “nextgen_basic_thumbnails.min.css”

ngg-gallery-thumbnail{text-align:center;max-width:100%!important;background-color:#FFF;border:1px solid #A9A9A9;margin:5px}

and change border to 0

Hi

Thank you for the instruction!
I have tried as was mentioned:
ngg-gallery-thumbnail{text-align:center;max-width:100%!important;background-color:#FFF;border:1px solid #A9A9A9;margin:5px}
changed border to 0 but in my case top and bottom border disappeared but both sides of thumbnails are still white… any advice much appreciate…

Hi,

I’m don’t know where and how to edit file “nextgen_basic_thumbnails.min.css”. Can someone help explain how to do this. Thank you.

use any FTP client. nextgen_basic_thumbnails.min.css is stored in your
wpcontent/plugins/nextgengallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails/ directory.

@mcgregork
in the same file find this:

.ngg-gallery-thumbnail a {
    border: medium none;
    box-shadow: none;
    display: block;
    margin: 4px;

and set margin to 0

• This reply was modified 7 years, 9 months ago by rhdr.

@rhdr, thanks it worked for me!

Cheers!

I had the same #A9A9A9 border issue with my child-theme’s ‘Home Featured’ widget. The widget’s relevant stylesheet is located here: wp-content/plugins/nextgen-gallery/products/modules/widget/static/widgets.min.css

DEFAULT CODE:
.ngg-widget,.ngg-widget-slideshow{overflow:hidden;margin:0;padding:5px 0 0;text-align:left}.ngg-widget img{border:2px solid #A9A9A9;margin:0 2px 2px 0;padding:1px;height:auto;float:left}

In my situation I wanted to change the values of the border and remove the image padding. “img{border:1px solid #333; margin:0 2px 2px 0; padding:0; height:auto; float:left}”

• This reply was modified 7 years, 9 months ago by bachnut.
• This reply was modified 7 years, 9 months ago by bachnut.