WordPress.org

Forums

NextCellent Gallery - NextGEN Legacy
album overview compact not aligned by the highest div available (2 posts)

  1. e3k
    Member
    Posted 1 year ago #

    i am using the album overview like this:
    [album id=2 template=compact]

    and i am expecting to get 4 galleries displayed per row. this would work fine when the gallery title would have the same length.

    if the gallery titles are varying too much i get some rows filled only with one or two gallery previews because the some of the divs in the row above are too high.

    first i tried to set the height of the div to some static value:

    .ngg-album-compact {
    	padding-right:6px !important;
    	margin:0px !important;
    	text-align:left;
    	width:120px;
            float:left;
            height:256px /* this would fix it but it is a static solution*/
    }

    but then i found a dynamic solution using display:inline-block and removing the float:left :

    .ngg-album-compact {
    	padding-right:6px !important;
    	margin:0px !important;
    	text-align:left;
    	width:120px;
    	display:inline-block; /* this one*/
    	vertical-align:top;   /* and this one*/
    }

    please consider to change the CSS for .ngg-album-compact to avoid formating problems.

    the page where i had the problems is http://suiseki.sk/?page_id=29

    if you need i can switch it back to float:left to show you the formating problems.

    my solution was tested on FF24

    https://wordpress.org/plugins/nextcellent-gallery-nextgen-legacy/

  2. niknetniko
    Member
    Posted 1 year ago #

    Thanks a lot for the solution! I've made a patch and included a few fixes for long album names as well.

    The patch should normally be included in the next version.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic