I need help with implementing numbers instead of bullets in my slider. I also want the numbers to slide along with the content.
Here is the code snippet for the slider section in WordPress:
<!-- Begin News Slider -->
<?php $loop = new WP_Query( array( 'post_type' => 'news', 'posts_per_page' => 25 ) ); ?>
<div class="news-slider-container">
<div class="news-slider-content">
<ul class="bxslider">
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'foo' ), the_title_attribute( 'echo=0' ) ); ?>">
<div class="news-thumb"><?php the_post_thumbnail(''); ?></div>
<p><?php the_title(); ?></p>
</a>
</li>
<?php endwhile; ?>
</ul>
</div>
</div>
<script type="text/javascript">
$('.bxslider').bxSlider({
auto: true,
pager: 'short'
});
</script>
I have tried looking for an option to add numbers as the pager, but couldn't find any. Can someone guide me on how to achieve this?