Posting photos in gallery template

I am wondering how come my image is off-centered when viewed in gallery mode, (refer to first image) is it possible to make the image align to the center, because it looks pretty ugly right now.

Also, is there way a change the preview / thumbnail size? Currently, it's bigger than I wish (refer to second image.) Is it possible to make it into a square size, as I don't want to reveal the whole picture in the preview?

 

Hello,

Can you please share the link of your website.

 

Sure.
Link to my webiste: www.chansquaredmedia.com

The photo gallery can be viewed under photo booth -> Photographs

 

1.We have seen your website everything is working fine, Please specify in which browser you have getting this issue.

2.Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

ul.thumbnail li img {
height: 120px;
width: 137px;
}

 

The image is still not centered when I click on it.
I am currently using Google Chrome, Version 23.0.1271.101.
I also tested the website out in Safari, Version 6.0.2., but the same problem still occurs.


Also, how do you center the thumbnails on the page?
I only want 3 pictures in 1 row, so there are extra space left on the right side.

Thank you

 

You can use "Nextgen gallery" plugin, There you can resize thumbnail according to your requirement and also get multiple other features too, Which are not possible with the theme's current gallery template without customization.

Download link.
http://wordpress.org/extend/plugins/nextgen-gallery/

For easy installation
http://www.inkthemes.com/how-to-cre...il-gallery-with-wp-plugin-nextgen-gallery/09/