WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
change album thumbnail size on NextGen Gallery (18 posts)

  1. manuel blancafort
    Member
    Posted 2 years ago #

    i try to change the album thumbnail size in CSS without succes.
    i managed to change the thumbnail size, but there's no way to fix the little white margin according to the new size.

    .ngg-album-compactbox {
    	background:transparent url(albumset.gif) no-repeat scroll 0%;
    	height:86px;
    	margin:0pt 0pt 6px !important;
    	padding:12px 0pt 0pt 7px !important;
    	width:120px;
    }

    by default, thumbnails are displayed 91x68px, i'd like to have them 180x120.
    any help ?
    Any help ???

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. Lucy Keile
    Member
    Posted 1 year ago #

    I am trying to do the samething! Were you able to fix this issue?

  3. manuel blancafort
    Member
    Posted 1 year ago #

    not really !
    i messed around with the margins & image size, but didn't come through!
    help would be appreciated ! ! !

  4. Lucy Keile
    Member
    Posted 1 year ago #

    I know! If you find any help let me know I will do the same here.
    Peace

  5. sbcweb
    Member
    Posted 1 year ago #

    I simply went into options and altered some of the dimensions. Now my images are shown smaller, but in full form (I didn't like them being cut off and equal in shape). It can be done!

    Susan

  6. wizzpig666
    Member
    Posted 1 year ago #

    Had the same issue.
    Here is the result: http://waterbrothers.makecdcover.net/gallery/
    Here is the css:

    .ngg-album-compactbox {
        background:none no-repeat scroll 0 center transparent;
        height:150px;
        margin:0 0 6px !important;
        padding:12px 0 0 7px !important;
        width:200px;
    }
    
    .custom .ngg-album-compactbox .Thumb {
        border:2px solid #FFFFFF;
        box-shadow:2px 2px 4px #000000;
        height:149px;
        margin:0 !important;
        padding:0 !important;
        width:200px;
    }
    .custom .ngg-album-compact h4 {
        font-size:13px;
        font-weight:bold;
        margin-bottom:0;
        margin-left:10px;
        margin-top:0;
        width:200px;
    }
    .custom .ngg-album-compact h4 a{
    	color:#666;}
    
    .custom .ngg-album-compact p {
        font-size:11px;
        margin-left:10px;
        margin-top:2px;
    }

    I'm using the Thesis theme, so didn't change any NGG files, just added the new css to my custom.css file.

  7. KevinLycett
    Member
    Posted 1 year ago #

    Hi wizzpig666, that's brilliant! But how did you get your css to override the nggallery css? I'm using a child theme of twentyeleven, and I put your css in my style.css in the child theme, and it is not overriding the nggallery css.
    http://dev.twosixtwo.co.uk/jfleming/?page_id=7&album=1&gallery=2&show=gallery
    thanks
    Kevin

  8. dayspringphoto
    Member
    Posted 1 year ago #

    I'm no website builder, but I'm trying to do this myself this time. I've uploaded my images, but the thumbnails come out vertically, instead of horizontally. Does anyone have any advise on this one?

  9. KevinLycett
    Member
    Posted 1 year ago #

    You'll need to start a new post for this one or no-one will notice your question. For what it's worth it sounds like a css issue. It would help if, when you start a new thread, you include a link to your website.

  10. kitsunami
    Member
    Posted 1 year ago #

    wizzpig666, I love how you implemented your gallery.
    Which plugins do you have activated for that?

  11. wizzpig666
    Member
    Posted 1 year ago #

    Kevin
    sorry for the late reply i didn't see notification of a reply until now.

    If you are using a child theme, most of them have a style.css file and a custom.css file which will override style.css

    You will not have to use the .custom class as I have done, that applies only to the Thesis theme.

    Kitsunami

    I used the NextGen Scroll Gallery plugin alongside NextGen.

    Hope that helps you both :)

  12. wizzpig666
    Member
    Posted 1 year ago #

    Dayspring photo, I agree it sounds like a css issue, possibly that your thumbnails do not have float:left applied.

  13. kitsunami
    Member
    Posted 1 year ago #

    Thanks for the quick response wizzpig666!

    My gallery seems to be very sensitive and many small changes seem to break it. I almost have a similar set up:
    http://www.foxed.in/project/lassen/

    But I'm still working on the thumbnail size. I've copied your CSS and changed the CSS in nextgen-gallery/css/nggallery.css as well as the
    Hero: Stylesheet style.css (because just the first CSS change didn't do anything) - Hero is my theme.

    Have any other suggestions?

  14. wizzpig666
    Member
    Posted 1 year ago #

    Kitsunami

    can you send me a link to your gallery?

  15. kitsunami
    Member
    Posted 1 year ago #

    This is the link to the gallery:
    http://www.foxed.in/project/lassen/

    I can't get the thumbnails on this page to change size...

  16. wizzpig666
    Member
    Posted 1 year ago #

    Kitsunami

    I think those thumbnail sizes are changed in the NextGen options. I used css only for changing the size of album thumnails, not gallery images.

  17. kitsunami
    Member
    Posted 1 year ago #

    Okay, one last question and I'll settle with what I have so far.
    How did you change the spacing between your image thumbnails in your galleries and the main images:

    http://waterbrothers.makecdcover.net/wedding-venue/
    There is very little space between the thumbnails and the images below when compared to mine:
    http://www.foxed.in/project/lassen/

    Thanks!

  18. wizzpig666
    Member
    Posted 1 year ago #

    Kitsunami

    Only just saw your message. Looks like you have fixed the spacing issue already? appears to be the same as mine.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic