Adding Arrows to a Slider

I’m doing some changes for a client’s website. The theme installed is old, and the developer no longer offers support for it. The theme is called Gears of WordPress. I have the original files but it doesn’t give any way to do any changes to the slider.

The way the slider works is if you click the slide to the right of the active slide, that slide moves to the front. My client wants there to be nav arrows to the right and left of the slides.

I can’t quite figure out how this needs to be done. Should the change be done in the index.php file or in the css? Help!

Here’s the coding:

<ul id=”myRoundabout”>

<?php $showPostsInCategory = new WP_Query(); $showPostsInCategory->query(‘category_name=’. $theme_sliderCat .’&showposts=’. $theme_sliderItem .”); ?>
<?php if ($showPostsInCategory->have_posts()) :?>
<?php while ($showPostsInCategory->have_posts()) : $showPostsInCategory->the_post(); ?>

• <?php $data = get_post_meta( $post->ID, ‘key’, true );?>
  <?php if ($data[ ‘custom_link’ ]) { //IF CUSTOM LINK ?>
  ” title=”<?php the_title_attribute(); ?>”>
  <?php } else { //IF NO CUSTOM LINK ?>
  ” title=”<?php the_title_attribute(); ?>”>
  <?php } ?>
  <img class=”thumbImg” src=”<?php echo $data[ ‘custom_thumb’ ]; ?>” alt=”<?php the_title(); ?>” />
  

<?php endwhile; endif; ?>