Support » Plugins » NextGen Gallery – How do you remove border around thumbnails?

  • I just updated nextgen gallery plugin. Before update, my thumbnails had no border around them. After update the thumbnails now have a thin black border. I want to remove this border but can’t figure out how.

    My Style sheet has the following code for thumbnails (note border is set to none):

    /* Thumbnails */
    .ngg-gallery-thumbnail img, .ngg-thumbnail img {
    background: none !important;
    border: none !important;
    padding: 0px;
    }

    Please advise on how to remove border. Thank you.

Viewing 11 replies - 1 through 11 (of 11 total)
  • 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 2 years, 4 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 2 years, 4 months ago by  bachnut.
    • This reply was modified 2 years, 4 months ago by  bachnut.
Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘NextGen Gallery – How do you remove border around thumbnails?’ is closed to new replies.