Kerry

Awesome. Glad to hear it.

Ok then add this above the first wp_enqueue_style in the arriter_scripts function

	// Jquery
	wp_enqueue_script('jquery');

If after, you still have jquery in the footer, or 2 instances of it, then look in footer.php, or another plugin that may also be adding it.

That would be question for your theme developer. It would either be in the functions.php file or somewhere else where they are telling jquery to be enqueued at.

Oh and don’t move flexslider.min-v2.2.0.js. that’s fine where it was.

According to the source, you’re enqueuing jquery twice. Only enqueue one of them and have it in the head. So remove the one in the footer.

In this case, it will always be overwritten on plugin updates as you’re editing the core files. What you can do, but you have to keep track of it incase something cool is added later to the original or if the html markup changes, is to un-register the shortcode from the plugin and then add it again in your theme’s functions.php. This would let you totally take control over the output of the shortcode.

This would go into your theme’s functions.php file. I didn’t copy and paste the whole thing here.

// First, un-register the shortcode.
remove_shortcode('bne_testimonials_slider');

// New Shortcode Function - Make sure the name is different from the original.
function my_bne_testimonials_slider_shortcode( $atts ) {
   ... rest of the shortcode contents....
}
add_shortcode( 'bne_testimonials_slider', 'my_bne_testimonials_slider_shortcode' );

Hey Senzacija,

There isn’t an option for that in the shortcode but I’ll see about adding it in a future update. In the meantime, if you’re comfortable with code, you can add it manually. In includes/shortcode-slider.php starting around line 67 you’ll see the js inline for flexslider. Here you can add additional options from the flexslider API.

https://www.woothemes.com/flexslider/

So in this case you would add animationSpeed: 600. The 600 is in milliseconds.

// Load Flexslider API
$shortcode_output = '<script type="text/javascript">
	jQuery(document).ready(function($) {
			$(\'#bne-slider-id-'.$slider_random_id.' .bne-testimonial-slider\').flexslider({
				animation: "'.$animation.'",
				smoothHeight: '.$smooth.',
				pauseOnHover: '.$pause.',
				controlNav: '.$nav.',
				directionNav: '.$arrows.',
				slideshowSpeed: '.$speed.',
				animationSpeed: 600
			});
		});
	</script>';

Note that the last item does not have a comma at the end.

Hi Dragan90,

The slider adds an inline js script that requires jquery. In your theme’s case, jquery is being loaded in the footer which is after the testimonial’s inline script. Try moving your jquery to the header instead.

Awesome glad to hear it works ??

At the end would be fine so that you know where it is. If you’re using a child theme then that would be the best location so that you’re not making changes to the parent theme. There are also a number of free css plugins available here on the repo that you could add this into such as this one, https://www.ads-software.com/plugins/simple-custom-css/

Your theme is also using flexslider which is overriding some of the testimonial css. Try adding the following to your theme’s custom css area or style.css file:

.bne-testimonial-slider.flexslider .flex-direction-nav {
	top: auto !important;
	left: auto !important;
}

.bne-testimonial-slider.flexslider {
	float: none !important;
}

.bne-testimonial-slider.flexslider .slides > li {
	height: auto !important;
}

Your theme is adding a global margin to all list items. Try this:

.bne-testimonial-slider li.single-bne-testimonial {
     margin-left: 0px !important;
}

Judging by the picture, I would say there is some padding happing. Can you provide a live link so I can see the source?

It would better if you target the whole slide container and add padding to it instead of the individual elements within it. Try this:

.bne-testimonial-slider.flexslider .flex-content {
padding-top: 30px !important;
}

Hi Mulelia,

You would do something like this to move the pagination buttons to the top of the slider.

.bne-testimonial-slider.flexslider .flex-control-nav {
    bottom: auto;
    top: 0px;
}