The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Resizing Anything Slider Re: Resizing Anything Slider


You’ll need to edit this section in slider.css:

.anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward { background-position: 0 0; right: -20px; }
.anythingSlider .back { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }

LEFT and RIGHT declarations within the .anythingSlider .forward and .anythingSlider .back items … that tells the arrows where to appear horizontally.

The TOP declaration within the .anythingSlider .arrow item – that tells the arrows where to appear vertically.

You just need to play around with those numbers until you get your arrows where you need them.