html - bxslider の中央スライド

Question

スライドさせるのに十分なスライドがない場合、ページの全幅である bxslider があります。スライドをラッパー内の中央に配置したいのですが、text-align center と margins などを使用してみましたが、まだうまくいかないようですbxsliders ラッパーの幅が画面の幅よりもかなり大きいため、それらを中央に配置します。どんな助けでも大歓迎です。

            <div class="next-speakers">
                <h1>Next Event Speakers</h1>
                <div class="speakers">
                    <?php query_posts(array( 'post_type' => 'events','meta_key' => 'date','orderby' => 'meta_value_num','order' => 'DESC' ) );?>
                    <?php while (have_posts()) : the_post();?>
                    <?php $eventid = get_the_ID();?>
                    <?php $date = DateTime::createFromFormat('Ymd', get_field('date'));?>
                    <?php $currentdate = new DateTime();?>
                    <?php if ($date > $currentdate) { ?>

                    <ul class="speaker-thumb-slider">
                        <?php
                        $speakers = get_field('speakers');
                        if( $speakers ): ?>
                        <?php foreach( $speakers as $speaker): ?>
                        <li class="speaker-thumb" data-info="<?php echo get_the_title( $speaker->ID ); ?> - <span class='italic'><?php $a = get_field('speaker_topic', $speaker->ID); echo $a[0]['topic']; ?></span>">
                            <img src="<?php the_field('speakers_image',$speaker->ID); ?>" /><div class="arrow-down"></div>
                        </li><!-- speakers thumb end -->
                        <?php endforeach; ?>
                        <?php endif; ?>
                    </ul><!-- speakers thumb slider end -->
                    <?php } ?>
                    <?php endwhile;?>
                </div><!-- speakers end -->
                <div class="speaker-info-wrap"><p><span class="italic">Hover over a speaker for more information.</span></p></div>
            </div><!-- next speakers end -->