WordPress.org

Support

Support » Plugins and Hacks » NextCellent Gallery - NextGEN Legacy » album overview compact not aligned by the highest div available

album overview compact not aligned by the highest div available

  • 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/

Viewing 1 replies (of 1 total)
  • 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.

Viewing 1 replies (of 1 total)
  • The topic ‘album overview compact not aligned by the highest div available’ is closed to new replies.
Skip to toolbar