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…

    Thread Starter areach

    (@areach)

    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.
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.