Flexsliderの前/次のナビゲーションは、私がflexsliderhttpsを有効にするには、この記事に続くワードプレス

Question

内の画像の下に表示されます。//code.tutsplus.com/tutorials/adding-a-responsive-jquery-slider-to-your-wordpress-theme-- WP-27914

を、私は、彼らは、ナビゲーションのためのフォント素晴らしいのではなく、画像を使用した、それが正しく整理しました。

前/次のナビゲーションがその場所に表示されないが。私は、これは、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

あり、正確な答えを引けるのためのあまり不足している情報は、2つのナビゲーションボタンの唯一のCSSがあるとして、ですが、私はそれが親とは何かを持っていることができると思いますposition:（またはプロパティサイジング）そのようなプロパティか何かを。