how do I align gallery images so they are centred?

• 

  nattied · Member · Oct 30, 2014 at 9:29 pm

  • Copy link
  • Add topic to favorites

  I can’t get my Gallery images to align and sit in the centre of the post.

  WIDER images are aligned left in the window while thinner images are centred. I’ve tested this on both safari and chrome with the same result. See

  nathanielphotography.wordpress.com/2014/10/22/the-kulevala-country/

  It looks a mess,how can I get all the images in the gallery to be centred?

  Cheers Nat

  The blog I need help with is: (visible only to logged in users)

• 

  pcosta88 · Member · Oct 30, 2014 at 10:56 pm

  • Copy link

  Hello!

  It appears to be centered. I am use Mozilla 32 on a Mac OS.
  See here: http://pbrd.co/1tngpwK
  http://pbrd.co/1tngu3t

  Note: I zoomed out to capture your site in two pictures.

• 

  nattied · Member · Oct 30, 2014 at 11:44 pm

  • Copy link

  Hi thanks for your reply.

  You can see the problem in the second link you posted

  http://pbrd.co/1tngu3t

  While the 2 narrow portrait format images are centrally aligned there is a wider landscape image below them which isn’t centred. You can see just the top of it in your screen grab.

  I’ve tried using galleries with other posts and get the same result.

• 

  pcosta88 · Member · Oct 31, 2014 at 12:16 am

  • Copy link

  If you have the CSS upgrade the following CSS code would work:

  img.size-big, .wp-caption.caption-big {
      display: inline-block;
      float: none;
      max-width: 1000px;
  }

  What appears to happening if that you have margins messed-up on the pictures.

  With the code:
  http://pbrd.co/1zkrKme
  http://pbrd.co/1zkrPWR

  If you do not have the CSS upgrade the following steps may work:
  You would have to go to Dashboard–>Posts—>All Posts and select the Kalevala Country post. In the Post Editor find and select on Text.
  see here: http://pbrd.co/1zksZSo
  You will then need to find the pictures in question and try wrapping them in some html with the use of the center property.

  Example: <p align=”center”> <img src=”YOURIMAGENAME.jpg” alt=”image description” height=”100″ width=”100″></p>