flexslider 이전/다음 탐색이 이미지의 아래에 나타납니다

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 있기 때문에 정확한 대답을 주지도 너무 많이 누락 된 정보가 있지만, 나는 그것이 부모와 함께 할 수있는 뭔가가있을 것 같아요 position: (또는 크기 조정 등록 정보) 속성 또는 이와 유사한 내용.