Center gallery (using widget)

Hi there ??

Sure thing! But, I’ve checked your site, and it seems to be private. You will need to make it public to check if we can generate a custom CSS code for you.

Please note that you cannot share any credentials that connect to your site due to www.remarpro.com rules.

If you would like, you can share a screenshot to see which gallery you are using.

I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on the page, then paste the URL here. It works with Chrome, Firefox, Safari, and Edge.

Cheers.

Hello,
thanks for replying. The site is available now.

Kind regards,
Selina

Thank you!

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
?

/* Align NextGEN home widget  */
.home .ngg-widget.entry-content {
    display: flex !important;
    justify-content: center !important;
}?

?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Cheers ??

Hi Gabriel,

many thanks for your input and advice. I did some course with them couple of years ago, but it? def. time for some refreshments ??

Can you help me with making it look like on this page:
https://mit-ostseeblick.de/ –> the galleries are bigger and with space between the pictures . I could not change this via settings.

Many thanks again!

Hi @sfoerg,

You can resize the thumbnails bigger from “Dashboard -> NextGen Gallery -> Manage Galleries” from the “Bulk Options” select “Create new thumbnails”, select the gallery that you want to modify then press on “Apply” and indicate the new size for your thumbnail images.

As for the spacing between the thumbnails – you can increase those from “NextGen Gallery -> Gallery Settings -> Basic Thumbnails -> Number of columns to display” ( the less columns – the more spacing will be )

• This reply was modified 3 years, 9 months ago by Imagely.

Hello,

thank you! I tried numerous times and also different things. I cannot get white space in between the pictures. It always remains grey . Do you know why this could be ?
I like to have more white space and two rows for the pictures.. I also checked settings with the other website, but cannot figure out the difference…

Could you maybe provide CSS Code for this?

Your help is much appreciated ?? Many thanks and kind regards,
Selina

• This reply was modified 3 years, 9 months ago by sfoerg.
• This reply was modified 3 years, 9 months ago by sfoerg.
• This reply was modified 3 years, 9 months ago by sfoerg.

Hi @sfoerg,

I think this CSS rule should help you remove that border:

.ngg-widget img {
    border: none !important;
}

Thank you!