How can I center a views slideshow? I have setup a views slideshow, but is anyone able to help me with centering the images in the middle of the slideshow? Some images are not very wide and they are aligned to the left of the slideshow. I would like all images to be in the center to make it look better.

The site I'm working on is here

I have tried adding the following codes to my css but none of them work:

.views-field-field-image-fid img { border-style:solid; border-width:1px; display:block; margin-left: auto; margin-right: auto; position:relative; text-align:center; }


and 

.views-field-field-slideshow-image {
     display:block;
     margin-left:auto;
     margin-right:auto;
}


I still cant seem to get it working, I've tried a few other css selectors that I found online as well. Im new to drupal views and quite new to Drupal.

Thank you.
You need to use image styles to get all the images the same size. 

From the admin menu, Configuration > Media > Image styles. 

Create a new image style, with a scale and crop attribute to the exact dimensions for your slideshow. Name it "slideshow-image".

Then go back to the slideshow settings on your views slideshow, and select "slideshow-image" as image style.

Now every image will be the same width and height, regardless of the dimensions you upload them in.