• I have seen a bunch of people posting trying to figure out how to make more than one album appear on a horizontal line instead of all being stacked vertically.

    I found a solution to the problem which is to create one album with multiple galleries. You then have to edit the gallery/css/nggallery.css file and all the galleries for that album will be horizontally aligned if you use the [album id=1 template=compact] tag in a post.

    This is the section you will be looking for

    /* ----------- Album Styles Compact -------------*/
    
    .ngg-album-compact {
    	float:none; /* CHANGE THIS TO float:left; */
    	height:180px;
    	padding-right:6px !important;
    	margin:0px !important;
    	text-align:left;
    	width:120px;

    Basically you change the float to left and then you can mess with the margins if you want to center the gallery thumbnails.

    I don’t know how you can get the actual albums to be horizontally aligned without some kind of major code rewrite. I’ve worked on this for several hours and this is the only solution I could come up with that is satisfactory. I hope this helps someone out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello,

    Thanks for your post! I followed your instructions, (in my css file there was already “left” in the code) but it didn’t work…

    Sander

    sorry, forgot to add “template=compact” in the post. Great way to change the way to show albums! Thanks.

    Thread Starter coppertopjsq

    (@coppertopjsq)

    Cool! Glad it worked out for you. I’m curious what version of NextGEN you are using because I’m surprised that it had the float:left in there already.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: NextGEN Gallery] SOLUTION more than one album per line’ is closed to new replies.