Center Slideshow Horizontally on Page

Hi Arro, add the following CSS code to to the following class slideshow_container slideshow_container_style-light

margin-left: auto;
margin-right: auto;

Regards

But what if I need to have two slideshows on the same site and would like one of them to be centered and the other to be aligned right? Is there a way to specify alignment individually to each slideshow?

Actually, I could not get the slideshow centered with the code suggested above, but maybe I put the code in a wrong place because I could not find slideshow_container slideshow_container_style-light I could only find Slideshows > General Settings > Custom Styles > Custom Stylesheets and there I put the suggested code here as follows .slideshow_container .slideshow_slide {margin-left: auto;
margin-right: auto; } But it still is not centered.

Hi Arro, if you use Firefox or Google Chrome browsers they allow you to right click on an area while you are browsing a webpage. It then allows you to Inspect an Element. That will reveal everything about that page and or elements you are viewing. It will allow you to see where to add the above mentioned CSS code.

In regards to your other comment, as far as I know you cannot align individual slides.

Hi mbrsolution, I do not want to align individual slides, I want to align individual slideshows on different web pages of the same site.

I went to Inspect Element, which I have done before, but it still doesn’t tell me where to put the above code you provided.

If you have FireFox try firebug extension.

Regards

I have Firefox but do not understand about the extension.

Okay, I found and installed Firebug, not sure how it works yet.

Looking at it with Firebug is not showing me where to put the code, or at least I do not understand where to put the code you provided.

The firebug CSS is showing something about a smiley emoji and there is nothing like that on the page. Here is what Firebug shows for CSS

img.wp-smiley, img.emoji {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none !important;
box-shadow: none !important;
display: inline !important;
height: 1em !important;
margin: 0 0.07em !important;
padding: 0 !important;
vertical-align: -0.1em !important;
width: 1em !important;
}

Hi looking at your slideshow now it appears to be centered.