Center align slides

May 3, 2012 at 4:53 PM
Edited May 3, 2012 at 4:53 PM

There must be a way to align slides,  I would like to align slides of images that are different sizes, all to be center aligned.  Is that possible?



May 4, 2012 at 7:28 AM

This should be possible through some CSS.  The module was intentionally created in a way that would allow any CSS-savvy person to update and manage the design of the module.

May 18, 2012 at 2:33 PM

in your skin.css add

.wns-slideshow-wrapper {margin-left: auto;   margin-right: auto;} 

Jul 11, 2012 at 5:10 AM

Thanks for providing the example, subzero! :)

Dec 20, 2012 at 1:29 PM

hi , 

i was looking to achieve the same 

but putting the tags subzero mentioned .. it doesnt achieve that ? i tried putting it in module.css and the sytlesheet editor aswell

any heads up ? :)

p.s good module

Jan 18, 2013 at 10:43 PM

You need to Select Manage|View Source then change Select File: to Module.css

Then change the existing line for .wns-slideshow-wrapper to .wns-slideshow-wrapper {margin-left: auto; margin-right: auto;}

And then you have your solution.

Jan 19, 2013 at 12:50 AM

i cant select Module.css file from where you mentioned , but through FTP and selecting the /DesktopModules/WillStrohl.ContentSlider/Module.css i can.

But i already have the following css snipet :

.wns-slideshow-wrapper { 
    background:url(images/loading.gif) no-repeat 50% 50%;
	margin-left: auto; 
	margin-right: auto;

it still keeps it on the left side .

i tried removing the above and replacing with the one you provided till it doesnt make it go in the center


Feb 28, 2013 at 7:17 PM
Still looking for an answer on this, I have tried all of the above and still can not get center aligned slides. Any other sugesstions?