WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
[resolved] Gallery thumbnails cuts off bottom row (5 posts)

  1. AmyClaire
    Member
    Posted 1 year ago #

    Hi,

    I'm busy making a portfolio site with Themezilla's Blox theme and using the Nextgen gallery to display portfolio galleries. The plugin works beautifully, except that the bottom row of every single gallery always cuts off part of the thumbnails.

    http://www.amyclairethompson.com/porty/

    The same happens on every page under the dropdown for portfolio.

    Has anyone experienced anything like this? Advice on what to do? Is it a theme compatibility issue or a problem with the thumbnail?

    Please help!
    Amy

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. izzysanime
    Member
    Posted 1 year ago #

    I think I had the same thing. But it looks fixed now when I checked out your site.

    This is how I fixed my issue, I edited the nggallery.css file in the plugin. I changed this

    .ngg-album-compact {
    	float:left;
    	padding-right:6px !important;
    	margin:0px !important;
    	text-align:left;
    	width:120px;
    }

    to

    .ngg-album-compact {
    	float:left;
    	padding-right:6px !important;
    	margin:0px !important;
    	text-align:left;
    	/* width:120px; */
    }

    That fixed mine.

  3. AmyClaire
    Member
    Posted 1 year ago #

    It didn't work :( no change at all. On the bottom row of the gallery thumnails, at the bottom edge of each thumbnail, the bottom 15 pixels or so are missing and the bottom part of the white border is being cut off. Happens on all these pages, and only ever on the bottom row:

    http://www.amyclairethompson.com/porty/
    http://www.amyclairethompson.com/porty/logos-stationery/
    http://www.amyclairethompson.com/porty/web-design/
    http://www.amyclairethompson.com/porty/graphic-design-projects/

  4. AmyClaire
    Member
    Posted 1 year ago #

    Solved the problem!

    in the nggallery.css stylesheet, changed this:

    .ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear:both;
    display:block !important;
    }

    to this:

    .ngg-galleryoverview {
    overflow: visible;
    margin-top: 10px;
    width: 100%;
    clear:both;
    display:block !important;
    }

  5. izzysanime
    Member
    Posted 1 year ago #

    OK, that was different than what I was experiencing with the plugin.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic