如何在WordPress主题中覆盖猫头鹰轮播设置

时间:2020-03-27 13:14:19

标签: javascript php wordpress owl-carousel elementor

我有一个使用owl-carousel的主题,我无法直接更改内联样式的宽度,因此我将自定义宽度添加到附加到每个元素的类中,从而更改了JS完成的整个计算,还剩下了最后有这么多空白。

有什么办法可以覆盖猫头鹰轮播的当前设置,这些设置负责更改Wordpress上的“ transform:translate3d(x,x,x)”设置,而无需直接更改主题文件?

这是一个简短的演示

<div class="owl-stage-outer">
  <div class="owl-stage" style="width:(broken width), transform:translate3d(broken width again,0,0)"
       <div class="owl-item" style="width:346px (which is overridden by custom css)">..</div> 
      <div class="owl-item" style="width:346px (which is overridden by custom css)">..</div>
      ....
</div>
</div>

猫头鹰阶段的额外宽度在末尾留下了很多空白,并且更改translate3d的计算也不准确,在向右和向左滚动时会出现一些问题。

P.S:使用自定义CSS更改宽度后,移动设备的宽度也不同于平板电脑和宽屏,从而使问题复杂化。

0 个答案:

没有答案
相关问题