Flexslider上一页/下一页导航显示在wordpress中的图像下方

Question

我按照这篇文章启用了flexsliderhttps：//code.tutsplus.com/tutorials/adding-a-responsive-jquery-slider-to-your-wordpress-theme--wp-27914

我发现他们使用font-awesome而不是图像进行导航并正确地整理出来。

然而，上一个/下一个导航没有显示在他们的位置。我相信这与css有关。

有人可以指导我如何解决这个问题吗？

我改变了导航后并排出现了导航 这些课程的left:10px和right:10px至left:1px和right:1px。

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 1px;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 1px;
}

为什么会出现这种问题以及css中可以修复什么？

图片滑块html

 <div class="flexslider">
                <ul class="slides">

                    <?php
                    // The Loop
                    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
                        <li>

                        <?php // Check if there's a Slide URL given and if so let's a link to it
                        if ( get_post_meta( get_the_id(), 'wptuts_slideurl', true) != '' ) { ?>
                            <a href="<?php echo esc_url( get_post_meta( get_the_id(), 'wptuts_slideurl', true) ); ?>">
                        <?php }

                        // The Slide's Image
                        echo the_post_thumbnail();

                        // Close off the Slide's Link if there is one
                        if ( get_post_meta( get_the_id(), 'wptuts_slideurl', true) != '' ) { ?>
                            </a>
                        <?php } ?>

                        </li>
                    <?php endwhile; ?>

                </ul><!-- .slides -->
            </div><!-- .flexslider -->

Answer 1

因为两个导航按钮只有css，但是有太多的遗漏信息，因为只有两个导航按钮的css，但我想它可能与父position:（或大小属性）属性或类似的东西。