WordPress無代碼滑塊響應問題

如果您訪問我的網站到目前爲止，http://trulydesigns.com/您會注意到，一切都按順序排列。WordPress無代碼滑塊響應問題

如果您通過移動設備訪問網頁，例如iPhone 5s，則滑塊看起來不合適。 http://quirktools.com/screenfly/#u=http%3A//trulydesigns.com&w=320&h=568&a=37&s=1

function createSlider(){ 
    global $cl_redata; 
    if(isset($cl_redata['codeless_slider_height']) && $cl_redata['codeless_slider_height'] != '100%') 
     $height = $cl_redata['codeless_slider_height']; 
    elseif(! isset($cl_redata['codeless_slider_height'])) 
     $height = '450'; 
    else 
     $height = 'fullscreen'; 

    $this->height = $height; 

    $extra_class = ''; 
    if($cl_redata['slider_parallax']) 
     $extra_class .= ' parallax_slider'; 

    $output = '<div class="codeless_slider_swiper '.esc_attr($extra_class).'" style="'.(($height == 'fullscreen')?'':'height:'.$height.'px').'">'; 
     $output .= '<div class="loading"><i class="moon-spinner icon-spin"></i></div>'; 
     $output .= '<div class="codeless_slider_wrapper" data-start="transform: translateY(0px);" data-'.(($height == 'fullscreen')?'1440':$height).'="transform: translateY(-500px);">'; 
      $output .= '<div class="codeless-slider-container swiper-parent swiper_slider codeless_slider" data-slidenumber="1" data-height="'.esc_attr($height).'">'; 
       $output .= '<div class="pagination-parent nav-thumbflip nav-slider"> 
           <a class="prev" href=""> 
            <span class="icon-wrap"><i class="icon-angle-left"></i></span> 
            <div class="text">'.__('PREV','codeless').'</div> 
           </a> 
           <a class="next" href=""> 
            <span class="icon-wrap"><i class="icon-angle-right"></i></span> 
            <div class="text">'.__('NEXT','codeless').'</div> 
           </a> 
          </div>'; 
       $output .= '<div class="swiper-wrapper">'; 

    $this->output[] = $output; 
}

這是「codeless_slider.php」的一個片段，在某處我的文件，它揪「最小高度：236.97522816166884px;高度：236.97522816166884px;」我無法從哪裏找到，所以任何幫助都非常感謝。

來源

2015-07-20 Joshua N

這些值是由控制滑塊輸出的jquery計算出來的，它可能會被縮小併成爲噩夢來抓取和修改。我的建議是，用不同的滑塊完成這項工作，就是編寫樣式規則，讓它看起來像你想要的樣子，用'！important'聲明覆蓋缺省值 – CreMedian

@CreMedian我怎麼沒有想到這些，該死！謝謝，它現在應該如何。 –

很高興我能幫到你。我發表了我的評論作爲答案。如果您接受它來解決您的問題，我將不勝感激。乾杯! – CreMedian

這可能會很棘手，因爲您使用插件不必自己構建它，但有時候插件會注入代碼，並且必須瞭解它是如何構建的才能使其以您想要的方式工作。

在學習Wordpress開發時，我學會了在Chrome瀏覽器中與DOM檢查器成爲好朋友，並使用!important聲明來覆蓋樣式規則。看起來你可以在這裏成功地做到這一點。

祝你好運！

來源

2015-07-20 20:59:02 CreMedian

WordPress無代碼滑塊響應問題

回答

相關問題