Menu icon Foundation
Orbit Slider pause and play buttons not displaying

Hello All,

My orbit slider is working amazing except for the fact that the play and pause buttons are not being displayed? has anyone come across this problem? I have tried to inspect the element to see if the buttons are images or fonts. Does anyone know how i could go about fixing this? I would appreciate the help.

Orbitplaypausebuttons

Hello All,

My orbit slider is working amazing except for the fact that the play and pause buttons are not being displayed? has anyone come across this problem? I have tried to inspect the element to see if the buttons are images or fonts. Does anyone know how i could go about fixing this? I would appreciate the help.

Rafi Benkual over 4 years ago

We'll need to see the code to help you more. Got a link or share the code? Did you disable the autoplay (orbit-timer)?

Harout about 4 years ago

Hello @RafiBenkual I am using wordpress in which i have made a page to display the slider. Everything works perfect except the play and pause buttons. please look at the code i have attached below.

 <?php   
            $args = array( 
        'post_type' => 'slides',
        'posts_per_page'  => 999
      );
      $temp = $wp_query;
      $wp_query = null;
      $wp_query = new WP_Query($args);
      if($wp_query->have_posts()) : ?>



        <div id="featured">
        <ul data-orbit 

        data-options="animation:slide;
                  pause_on_hover:true;
                  timer_speed: 3500;
                  swipe: true;
                  animation_speed:500;
                  navigation_arrows:true;
                  slide_number: false;
                  bullets:false;">

      <?php   
        while($wp_query->have_posts()) : $wp_query->the_post();
        $postid = get_the_ID();  
        if(has_excerpt()) {
          $datacaption = 'data-caption="#slide-'.$postid.'"';
        } else { 
          $datacaption = '';
        }
        if(has_post_thumbnail()) {      
          $imgid = get_post_thumbnail_id($postid);
          $alt = get_post_meta($imgid , '_wp_attachment_image_alt', true);
          $imgurl = wp_get_attachment_url($imgid);
          echo '<li>';
          echo '<img class="orbit-slide" src="'.$imgurl.'" '.$datacaption.' alt="'.$alt.'" />';
        } else {
          echo '<div class="orbit-slide" '.$datacaption.'>';
          echo get_the_content();
          echo '</div>';
          echo '</li>';
              }
              if(has_excerpt()) {
                      $output  = '<span class="orbit-caption" id="slide-'.get_the_ID().'">';
                  $output .=    '<h3 class="slide-title">'.get_the_title().'</h3>';
                  $output .=    '<p class="slide-excerpt">'.get_the_excerpt().'</p>';
                  $output .= '</span>';
                  echo $output;
              };  
          endwhile; ?>


    </div>


    <?php endif; ?>

<?php $wp_query = null; $wp_query = $temp; wp_reset_query(); ?>

Harout about 4 years ago

@RafiBenkual any ideas?