Centering Slideshow

[ptrau]

Look in every .php, css and .tpl file I could find and still can't see where to edit the code so that I can center the Slideshow module on my page. It still aligns or floats to the left.

Call K and W Flooring at (67 425-0591 for a Atlanta Flooring Company - Hardwood Flooring, Hardwood Refinishing, Recoating, Repairs, Ceramic Tile, Carpet, Laminate Flooring. - K & W Flooring

As always, any help is greatly appreciated.

[pgmarshall]

catalog/includes/javascript/slideshow_init.js.php

Option parameters are here: jQuery.Showcase > Documentation

And the containing div is called showcase ... so try adding align: centre; to #slideshow{ overflow:hidden; width:280px; } in stylesheet.css

Nice looking store by the way!

Regards.

[ptrau]

Thanks for the tip. Here is what I added to the stylesheet.css in my template dir:

/* BOF: Slideshow on product_info */
#slideshow ul, #slideshow li { padding:0; margin:0; list-style:none; }
.next, .prev{ cursor:pointer; }

#screen2{ position:relative; width:280px; margin:0px; }

#slideshow{ overflow:hidden; width:280px; align :center; }
  #slideshow ul{ width:3900px; padding-left:0px; }
	#slideshow li{ float:left; margin:0 10px; cursor:pointer; }

.clear{ clear:both; width:0; height:0; }
/* EOF: Slideshow on product_info */

The Slideshow still aligns left. Any thoughts?

[pgmarshall]

Try changing: #slideshow li { float:right; margin:0 10px; cursorointer; }

[ptrau]

This is what worked. Not sure why, but it does.

#slideshow{ overflow:hidden; width:280px; float: left; position: relative;
	left: 8%; }

Thanks again for your help.

[tinboye]

thanks, this worked for me with a bit of alteration on the left: 8% as my max width was set to 800px and 125px columns. the part im now trying to get is to add some style to the slideshow, is there anyway to add a border style? like using border: dashed 2px #000000; into the css?

[ridexbuilder]

This is what worked...

Sample

To order a sample of this product just scroll down the page and click on the sample in the "We Also Recommend" box at the bottom for this page.

Now that's clever! A little bit of lateral thinking goes a long way.

[ptrau]

Thanks...gotta do what we gotta do.....

[wkdwich]

Maybe I am being thick, but this is not working for me... I tried a bunch of different things.. the

#slideshow{ overflow:hidden; width:280px; float: left; position: relative; left: 8%; }

moved the 2nd and subsequent images but not the first one.. it stayed visable on the 8% to the left

I'm working on a modifying fallback template on a brand new 2.5.0 install