WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
SOLUTION more than one album per line (4 posts)

  1. coppertopjsq
    Member
    Posted 3 years ago #

    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.

  2. sander1983
    Member
    Posted 3 years ago #

    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

  3. sander1983
    Member
    Posted 3 years ago #

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

  4. coppertopjsq
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.