You can style your slideshow by creating a custom stylesheet for it. You can find out how to create a custom stylesheet by reading the FAQ section, or looking at this forum thread.
When customizing a stylesheet, you’ll be able to find the following lines of CSS:
.slideshow_container .slideshow_controlPanel {
width: 21px;
height: 21px;
margin-left: -11px;
background: #000;
border-radius: 2px;
-moz-border-radius: 10px;
}
To change the position of the pause and play buttons, you can add a CSS “top” value to the above lines of CSS:
.slideshow_container .slideshow_controlPanel {
top: 5px; /* I just added the default "top" value here. */
width: 21px;
height: 21px;
margin-left: -11px;
background: #000;
border-radius: 2px;
-moz-border-radius: 10px;
}
By default the “top” value of the control panel, in which the pause and play buttons are located, is 5 pixels. Changing this value to something negative will move the control panel above the slideshow, changing it to something higher will move the control panel further down.
For customizing the slideshow’s arrows, please have a look at this forum thread.
