Wordpress Visual Composer Strech行和方向RTL

Question

當我嘗試在Visual Composer中的行設置中拉伸行時，行會拉伸，但行的位置都是錯誤的。 只有當身體方向有direction:rtl css設置時纔會發生。

網站在線：http://ono.devurl.net/?page_id=871

固定是什麼辦法？

尤瓦爾。

Answer 1

Yuval嘿！

試試這個腳本來解決你的問題。

if(jQuery('html').attr('dir') == 'rtl'){ 
 
     jQuery('[data-vc-full-width="true"]').each(function(i,v){ 
 
      jQuery(this).css('right' , jQuery(this).css('left')).css('left' , 'auto'); 
 
     }); 
 
    }

將這個腳本代碼jQuery中（窗口）.load。

希望這會幫助你:)

Answer 2

可能是更容易使用CSS來解決這個問題，當頁面被調整過它會工作。 查找排課前[數據VC-全寬=「真」]和CSS等添加到您的rtl.css

.before-fullwidth-row { 
    direction: ltr; 
} 
.before-fullwidth-row > div { 
    direction: rtl; 
} 

似乎工作...

Answer 3

如果你想固定VC行也window resize使用此解決方案：

$(window).on('resize', function() { 
     $('.rtl [data-vc-full-width="true"]').each(function(){ 
      $(this).css('right' , $(this).css('left')).css('left' , 'auto'); 
     }); 
    }).resize(); 

Answer 4

WordPress的視覺作曲全寬的行（行stretche）定出RTL

jQuery(document).ready(function() { 

function bs_fix_vc_full_width_row(){ 
    var $elements = jQuery('[data-vc-full-width="true"]'); 
    jQuery.each($elements, function() { 
     var $el = jQuery(this); 
     $el.css('right', $el.css('left')).css('left', ''); 
    }); 
} 

// Fixes rows in RTL 
jQuery(document).on('vc-full-width-row', function() { 
    bs_fix_vc_full_width_row(); 
}); 

// Run one time because it was not firing in Mac/Firefox and Windows/Edge some times 
bs_fix_vc_full_width_row(); 
}); 

Source