Hi smartmax
You will need to customize a bit here:
1 - open the file: /templates/ja_morgan/acm/testimonials/tmpl/style-1.php
2 - Look at the script at the end of this file and change to:
<script>
(function($){
jQuery(document).ready(function($) {
$("#acm-testimonial-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
addClassActive: true,
itemsScaleUp : true,
nav : true,
navText : ["<i class='fa fa-arrow-left'></i>","<i class='fa fa-arrow-right'></i>"],
dots: false,
autoPlay: false,
responsive : {
0 : {
items: 1,
},
767 : {
items: 2,
},
992 : {
items: <?php echo $column; ?>
}
}
});
});
})(jQuery);
</script>
As you can see that I enable the nav and disable the dots, for the arrows, you can change to another ones by change the FontAwesome classes:
navText : ["<i class='fa fa-arrow-left'></i>","<i class='fa fa-arrow-right'></i>"]
3 - Open the css file: /templates/ja_morgan/css/custom.css (Create this file if it doesn't exist) and add this code:
.owl-nav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
margin: 0 6px;
}
you can add other custom css for these arrows as you wish then.
Hope this helps.
