FlexSlider / Dazzling主题 - Bug

时间:2015-05-07 09:00:22

标签: javascript html css wordpress

我在使用Dazzling Theme for Wordpress时遇到问题:在Google Chrome上,当我重新加载我的主页(使用F5)时,内容会被flexslider元素隐藏。如果我查看html / css,我可以看到:

<div class="flexslider" style="height: 0px;">
element.style { height: 0px; }

我调整页面大小(或点击任意位置),我可以看到:

element.style {身高:538px; }

我调查过,我认为解决方案是在flexslider.css

但我不知道应该修改什么。

3 个答案:

答案 0 :(得分:0)

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.no-js .slides > li:first-child {display: block;}
应该在flexslider.css上修改

答案 1 :(得分:0)

将此行添加到自定义css或子主题style.css:

div.flexslider {height:100%!important;}

答案 2 :(得分:-1)

我可以使用

进行修改
.flexslider {margin: 0; padding: 0; height: auto !important;}

on flexslider.css