WordPress.org

Ready to get started?Download WordPress

Forums

NextCellent Gallery - NextGEN Legacy
[resolved] How to add space in thumnails gallery (30 posts)

  1. eldenroot
    Member
    Posted 10 months ago #

    Hi,
    how to add space (5px) at the botton of thumnails? There is a space on the left/right but not at the botton or top

    see this:
    http://www.rcheliolomouc.cz/vsechny_fotky/

    And one more question:
    How to show all images from all galerries but show them sort by date of added... now I use this code:

    [random max="1000" album id="1","2" /]

    it shows all images on one page but they are not sorted, it is random

    http://wordpress.org/plugins/nextcellent-gallery-nextgen-legacy/

  2. WPReady
    Member
    Plugin Author

    Posted 10 months ago #

    Add this to style.css
    .ngg-gallery-thumbnail { padding-bottom: 5px;}
    it should do the work.

    I guess nggallery shortcode would work instead random?
    [nggallery id="1,2" ]

  3. eldenroot
    Member
    Posted 9 months ago #

    Thank you.

    1) custom css is working great. I just dont know why it is missing in nextgen gallery - is it a bug?

    2) it is not working, but nevermind it...

    One more question - how to centre all images in gallery/album? Now there are left aligned

  4. niknetniko
    Member
    Posted 9 months ago #

    Hi

    1. Go to your custom css file
    2. Search for .ngg-gallery-thumbnail-box
      • Delete the float: left;
      • Add display: inline-block;
    3. Search for .ngg-galleryoverview
      • Add text-align: center;

    That should do it!

  5. eldenroot
    Member
    Posted 9 months ago #

    no it is not working :(

  6. eldenroot
    Member
    Posted 9 months ago #

    OK, edit: it is working but I had to delete space text-align:center;

    You are good, thank you very much... is there any way how to center image thumnails in widget?

  7. niknetniko
    Member
    Posted 9 months ago #

    Really? If I take a look at the page you mentioned above, it looks pretty centered to me!

    See the screenshot: https://lh3.googleusercontent.com/-vimevksSpN0/UnI_OYf3VII/AAAAAAABA1o/Hojh1Syv2IA/s1152/support.PNG

    Have you tried using Ctrl + F5 to refresh? Your browser might still be using the old style...

    EDIT: OK then :D

  8. niknetniko
    Member
    Posted 9 months ago #

    Do you have a link to the widget?

  9. eldenroot
    Member
    Posted 9 months ago #

    http://www.rcheliolomouc.cz/alba/

    at the botton (left side)... they are left aligned, I would like to have them centered

    BTW - your fix for center thumbnails broke my own spaces between thumnails... I had 2px from every side but now it is at least 5px but in style.css there is 2px - I am working to fix this...

    EDIT:
    My problem with spaces is fixed... now just widget style and I will be happy :)

  10. niknetniko
    Member
    Posted 9 months ago #

    For the widget:

    • Look for .ngg-widget (possibly with more after it)
    • Change text-align: left; to text-align: center;
  11. eldenroot
    Member
    Posted 9 months ago #

    OK, it works but there is a problem with centering some images... check my widget please - link above

  12. niknetniko
    Member
    Posted 9 months ago #

    That's because there are a lot of paddings and margins applied to your title bar (which is only 95% width too).

    So, normally this should fix that. Change:

    • .ngg-widget, .ngg-widget-slideshow {
      overflow: hidden;
      margin: 0pt;
      padding: 5px 0px 0px 0pt;
      text-align: center;
      }

    to:

    • .ngg-widget, .ngg-widget-slideshow {
      overflow: hidden;
      margin: 0pt;
      text-align: center;
      width: 95%;
      padding-left: 5px !important;
      }
  13. eldenroot
    Member
    Posted 9 months ago #

    OK, images are now in the centre of footer widget...

    but second problem still remains - the second row of images are aligned 1-2px to the right - check this image please

    https://www.dropbox.com/s/setq5vkz992b62a/WP-widget.jpg

    everything lese is working great!!!!

  14. niknetniko
    Member
    Posted 9 months ago #

    This seems to be a browser-related issue, there is nothing that would cause this to happen.

    I checked and in both Firefox and IE it displays just fine, so I'm think it's a Chrome issue or a Webkit/Blink issue.

    What browser do you use?

  15. eldenroot
    Member
    Posted 9 months ago #

    OK, I use Google Chrome (beta v31 I think, latest version)

    In firefox no problem, I just checkd it now... ok thank you very much! You are a beast :) I am really happy now, now I just need to solve problem with navigation in galleries and it would be perfect :)

    Have a nice day, maybe this manual should be in FAQ

  16. WPReady
    Member
    Plugin Author

    Posted 9 months ago #

    Great job both of you!

  17. niknetniko
    Member
    Posted 9 months ago #

    Glad to be of help!

    As for the sorting, that won't work, since you're using random and that is, well, random.

  18. eldenroot
    Member
    Posted 9 months ago #

    Ok, I dont need to sort them by random... just to show all photos from all galleries (these galleries are not in the album)

  19. eldenroot
    Member
    Posted 9 months ago #

    @niknetniko - please one more time :)

    How to center thumnails of galleries in compact view?

    Thanks

  20. niknetniko
    Member
    Posted 9 months ago #

    Do you have a link? That really helps, because then I can see which themes and styles are already applied.

    As for the sorting, I don't think you can show all images from all galleries in one page as if they were one gallery. You can show an album or work with tags. I don't think you can select multiple galleries, but you can display multiple galleries on one page, although the slideshow will be per gallery then.

  21. eldenroot
    Member
    Posted 9 months ago #

    http://www.rcheliolomouc.cz/alba_kvz/

    - about sorting - nevermind it, now it is sorted randomly because I dont know proper shortcode for this without random order... I will google it

  22. niknetniko
    Member
    Posted 9 months ago #

    Go to your css file again and

    • To .ngg-albumoverview, add text-align: center;
    • At .ngg-album-compact, delete float: left; and add display: inline-block;

    That should do it. Watch out for the white space again though.

  23. eldenroot
    Member
    Posted 9 months ago #

    OK, I changed it... but there are some problems with thumbnails... if it is too difficult to fix just nevermind it...

    And one thing - I dont know why the thumbnails are so small and there is a white space in the thumbnails of gallery...

  24. niknetniko
    Member
    Posted 9 months ago #

    Does this happen too at your end? A lot of thumbs aren't showing: https://lh4.googleusercontent.com/-rSpMqOVSjlE/UnP4o5bFBLI/AAAAAAABA7s/F8mfC_i94XU/s1024/test22.JPG

    I'm working on collecting the code to make the thumbnails bigger, BTW :)

  25. eldenroot
    Member
    Posted 9 months ago #

    No, I see all thumbnails but they are not aligned on horizontaly :(

    Thank you very much

  26. niknetniko
    Member
    Posted 9 months ago #

  27. eldenroot
    Member
    Posted 9 months ago #

    Perfect!

    You are really good, more people like you and our world would be better place :D

  28. niknetniko
    Member
    Posted 9 months ago #

    OK, then make sure all the following css code is like this:

    • .ngg-albumoverview {
      margin-top: 10px;
      width: 100%;
      clear: both;
      text-align: center;
      display: block !important;
      }
    • .ngg-album-compact {
      display: inline-block;
      width: 171px;
      height: 210px;
      overflow: hidden;
      }
    • .ngg-album-compactbox {
      }
    • .ngg-album-compact h4 {
      font-size: 15px;
      font-weight: bold;
      margin: 0 !important;
    • .ngg-album-compactbox .Thumb {
      margin: 0px !important;
      padding: 0px !important;
      border: 1px solid black;
      box-shadow: 2px 2px 2px #888888;
      }

    That should be it. I don't know how you've been adding css, but make sure to overwrite the code rather than to just add it, since we're removing a bunch of lines now :)

  29. eldenroot
    Member
    Posted 9 months ago #

    It works!!!!! It looks awesome... you should make your own .css and share it or add it to nextgen styles...

    Keep good work! Thank you very much!!!

  30. eldenroot
    Member
    Posted 8 months ago #

    You should add pull request for these css stuff... I think it is much better than old style...

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.