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
Thread Starter
Arro
(@arro)
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?
Thread Starter
Arro
(@arro)
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.
Thread Starter
Arro
(@arro)
Hi mbrsolution, I do not want to align individual slides, I want to align individual slideshows on different web pages of the same site.
Thread Starter
Arro
(@arro)
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
Thread Starter
Arro
(@arro)
I have Firefox but do not understand about the extension.
Thread Starter
Arro
(@arro)
Okay, I found and installed Firebug, not sure how it works yet.
Thread Starter
Arro
(@arro)
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.
