how can i move the buttons to bottom of the slide show

  • Question
  • Updated 5 years ago
how can i move the buttons under the slide show and next to each other. to look like the direction buttons on http://thesims2.ea.com/
Photo of tntmjrT

tntmjr

  • 6 Posts
  • 0 Reply Likes
  • confused

Posted 5 years ago

  • 1
Photo of igorI

igor, Official Rep

  • 9 Posts
  • 2 Reply Likes
Official Response
Hi,

You want to move arrows, right? You can move arrows where you need modifying following CSS rules in magicslideshow.css:

a.MagicSlideshowArrowLeft {
...
}
a.MagicSlideshowArrowRight {
...
}

For example:

a.MagicSlideshowArrowLeft {
background-position:0 66px;
margin:100px 0 0 300px !important; /* moves arrow 100px down and 300px right*/
z-index:1000 !important;
}

If you have problem with it please send us (support@magictoolbox.com) link to your page for further investigation.
Photo of tntmjrT

tntmjr

  • 6 Posts
  • 0 Reply Likes
Thanks I had figured it out already but u confirmed it for me. I was trying to change the position but realized top and left were being overwritten by the code as an inline style. I also wanted to make the container taller but found height was being over written. Your example made me think of another direction so i used padding-bottom instead. Worked great. Thanks again. Now can we add a pause button??
Photo of Jacket

Jacket, Official Rep

  • 93 Posts
  • 8 Reply Likes
There is no pause button at present.

However, you can use the "pause" parameter ("off" by default) to pause the slideshow on either:

hover / click / thumbnail-click

Example:


MagicSlideshow.options = {
'pause':'hover'
}


You can also use these API methods:


MagicSlideshow.pause('id')
MagicSlideshow.play('id')


('id') is optional if you have given your slideshow an id.
Photo of tntmjrT

tntmjr

  • 6 Posts
  • 0 Reply Likes
Thanks for the great help and service.