Flexslider prev/next Navigation erscheint unter Bilder in WordPress

Question

Ich folgte diesem Artikel, um flexsliderhttps zu aktivieren: //code.tutsplus.com/tutorials/adding-a-responsive-jquery-slider-to-your-wordpress-theme-- wp-27914

Ich fand, dass sie font-awesome statt Bild für die Navigation verwenden und es richtig sortiert haben.

Die vorherige/nächste Navigation wird jedoch nicht an ihren Positionen angezeigt. Ich glaube, das hat etwas mit CSS zu tun.

Kann mir bitte jemand sagen, wie ich das beheben kann?

bekam ich die Navigation nebeneinander erscheinen, nachdem die left:10px und right:10px zu left:1px und right:1px für diese Klasse zu ändern.

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

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

Warum könnte diese Art von Problem passieren und was könnte das in CSS beheben?

Das Bild Schieber 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

eine präzise Antwort zu viel fehlenden Informationen für Givin Es gibt, wie es nur CSS für die beiden Navigationstasten sind, aber ich denke, es ist etwas mit einem Elternteil zu tun haben könnte position: (oder Größeneigenschaften) Eigenschaft oder etwas ähnliches.