Prev / Next Arrows

Hi CompuMatter,

The navigation arrows shouldn’t be located there in the screenshot you provided. By default, they should be on the bottom right aligned with the pagination buttons. If your theme is using flexslider as well, it could be overriding the location in my plugin. If you have a live link of the page in question, then I can check for you.

In regards to moving them to the opposite sides, and using your own arrows, that is definitely possible with your own CSS modifications from your theme’s custom css area or style.css file. Below would be a starting place for you and should get the arrows to the opposite sides and vertically centered. Adjust to your needs.

/* Nav Arrows */
.bne-testimonial-slider.flexslider .flex-direction-nav { width: 100%; top: 50%; left: 0; right: 0; }
.bne-testimonial-slider.flexslider .flex-direction-nav li { }
.bne-testimonial-slider.flexslider .flex-direction-nav li a { top: 50%; position: absolute; }
.bne-testimonial-slider.flexslider .flex-direction-nav .flex-prev { left: -30px; }
.bne-testimonial-slider.flexslider .flex-direction-nav .flex-next { left: auto; right: -30px; }

Using WooThemes’s version would look like this:

.bne-testimonial-slider.flexslider .flex-direction-nav { width: 100%; top: 50%; left: 0; right: 0; }
.bne-testimonial-slider.flexslider .flex-direction-nav li { }
.bne-testimonial-slider.flexslider .flex-direction-nav li a {
	top: 50%;
	position: absolute;
	background: url(http://flexslider.woothemes.com/images/bg_direction_nav.png);
	width: 27px;
	height: 27px;
}
.bne-testimonial-slider.flexslider .flex-direction-nav .flex-prev { left: -30px; background-position: 0 0;}
.bne-testimonial-slider.flexslider .flex-direction-nav .flex-next { left: auto; right: -30px; background-position: 100% 0; }

Again you may need to adjust based on your theme and the background arrow image used. You also need to grab your own arrow background and not use the one directly from WooThemes, as in not linking directly to it such as the example above is.