How to center a gallery (thumbnails)?

  • Hi!

    I’m using the gallery very often. Sometimes also as a thumbnail for a lightbox picture. The problem is: How can I center the gallery (thumbnail). Right now it is aligned left which doesn’t look too good. As an example, I’m using this code:

    [su_custom_gallery source=”media: xxxxx” link=”lightbox” width=”600″ height=”398″ title=”never”]

    <center> </center> doesn’t help.

    Here’s an example page from my website:
    https://www.dennisknickel.com/books/serendipity/tag-11-may-the-thunderballs-be-with-you/
    (Check out the first image from the Golden Gate Bridge as an example. It’s not centered, but that’s what I want.)

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • hsolatges

    (@hsolatges)

    Oh boy, I have the same issue!
    How did you do?
    Thanks!

    Thread Starter Kenika

    (@kenika)

    I’m still having the issue, waiting for support… :/

    hsolatges

    (@hsolatges)

    Well I have a solution fpr you! I did tweak the galleries’ css file. I use flexboxes and it works like a charm.
    Here what I wrote in the galleries-shortcodes.css file, line 767:

    .su-custom-gallery {
	margin-bottom: 1.5em;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;

    Have a nice day!

    Chris Dillon

    (@cdillon27)

    Full browser support for flex is only around 70%, including about 10% of the world still using IE 8-10.

    hsolatges

    (@hsolatges)

    Wow! I stopped taking care of IE8 users long time ago… Shooting bullet in your feet won’t make them have a better internet experience. Plus, https://caniuse.com/#feat=flexbox.

    Thread Starter Kenika

    (@kenika)

    Thanks for the hint, but I’d prefer a solution within Shortcode Ultimate…
    Anyone?

    By the way: I all of a sudden (maybe since update to WP 4.0?) miss all my captions under the gallery pictures. Is it only me or do you guys have the same problem?
    Thanks.

    Thread Starter Kenika

    (@kenika)

    Here what I wrote in the galleries-shortcodes.css file, line 767:

    My galleries-shortcodes.css only has 455 lines by the way…

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to center a gallery (thumbnails)?’ is closed to new replies.