Support » Plugin: NextCellent Gallery - NextGEN Legacy » How to add space in thumnails gallery

Viewing 15 replies - 1 through 15 (of 29 total)
  • Plugin Author WPReady

    (@wpready)

    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″ ]

    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

    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!

    no it is not working ๐Ÿ™

    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?

    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 ๐Ÿ˜€

    Do you have a link to the widget?

    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 ๐Ÿ™‚

    For the widget:

    • Look for .ngg-widget (possibly with more after it)
    • Change text-align: left; to text-align: center;

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

    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;
      }

    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!!!!

    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?

    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

    Plugin Author WPReady

    (@wpready)

    Great job both of you!

Viewing 15 replies - 1 through 15 (of 29 total)
  • The topic ‘How to add space in thumnails gallery’ is closed to new replies.