How to add space in thumnails gallery

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;

• 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?

https://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

Great job both of you!