Skip to main content

I used Next-gen gallery on a project and this works really well. The backend is simple to use for clients and it makes it easy for them to upload photo’s by themselves. The backend just doesnt allow for alot of customization of the the style of the galleries and albums. The album page for instance has only to default options. Compact end Extended, I wanted the albums to feature next to each other with big photo’s and a smple description below it. So I created a template to do exactly that. You can easily use this template with your gallery by following the steps below.

Step 1:

Download the file by right clicking and saving it to your desktop. album-minimlasm.zip

Step 2:

Upload this file to the “views” folder in the next-gen plugin folder.

Step 3

In your wordpress backend , under the Nextgen options, click on the “style” link. Add the following to the bottom of all the code.


/* ----------- Album Styles minimalsm -------------*/

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

.ngg-album-minimalsmbox {
/* background:transparent url(albumset.gif) no-repeat scroll 0%;*/
height:190px;
margin:0pt 0pt 0px !important;
padding:6px 0pt 0pt 6px !important;
width:250px;
}

.ngg-album-minimalsmbox .Thumb {
margin:0px !important;
padding:0px !important;
width:240px;
height:179px;
}

.ngg-album-minimalsm h4 {
font-size:15px;
font-weight:bold;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
width:250px;
text-align: center;
}

.ngg-album-minimalsm p {
font-size:11px;
margin-top:2px;
}

After you have done that , go to the page where you want the album to be displayed add the following code to the page specifying your own album ID

[album id=1 template=minimalsm ]

And its as simple as that.

If you use this, Please leave a comment with the URL to the place where you used it or email me.

Would love to see how it is used.

Janes Oosthuizen

Author Janes Oosthuizen

Programmer and Tech Junky from Cape Town, South-Africa. I have been programming for more than 15 years in various languages including ( CSS, HTML, javascript, PHP, MySQL, Wordpress and many other ).

More posts by Janes Oosthuizen

Join the discussion 8 Comments

  • Mike Prince says:

    Thanks for this clear description, very helpful. I think you would be better though, to avoid any issues with upgrades, to do:

    Step 2
    Upload this file to a nggallery folder in your theme folder

    Step 3
    Add the style definitions to your theme style.css

  • admin says:

    Hi Mike.

    Thanks for the comment.

    Yes if you would prefer you can use the files provided directly aswell.

    Cheers

  • Excellent work…this is exactly what i needed to customize my album page (see it here -> http://wackysnaps.com).

  • Janes Oosthuizen says:

    Hi Eric. Glad it helped! That page of yours looks super! Well done! 🙂

  • Frantk says:

    Hey Janes, thanks for the tip, it’s probably the easiest implementation I’ve seen so far.
    Would you also happen to know how to display the description of the album underneath the title?

  • I’ve just tried and also modified the size’s as it messed up my side bar, and it still messed my side bar, any ways i am asking if you could take a look and maybe point out what i have wrong?

    *** Post forbidden. Does not affect the subject material. Request number 5a4cc68b2f9d367449532ab9d8e8c1c4. Automoderator cleantalk.ru. ***

    • Janes Oosthuizen says:

      Hi Warren. I am on a remote spot at the moment. No Internet on my notebook. Will have a look tommorrow.

      *** Post forbidden. Does not affect the subject material. JavaScript is disabled. Please enable JavaScript. Request number 37ed509a220fad6c243300cee77b9835. Automoderator cleantalk.ru. ***

  • Paul A says:

    Really glad you detailed how to create the custom album. I have been looking to do the same, and now know how. To further this though, I want the thumbs in my custom album to link to a custom gallery template. Could you possibly offer any advice how to achieve this?

    My reason is that I want my main gallery pages to display the title and dscription above its thumbs, but I also have gallery pages placed elsewhere on my site which I don’t want this info displayed (but just thumbs).

    Any advice would be invaluable to me. Thanks in advance, Paul A

Leave a Reply