如何防止 WordPress 幻灯片中的文本重叠？

Question

我在使用 WordPress 的网站的幻灯片放映中有垂直重叠的文本。它似乎只出现在移动设备上，因此我需要使用@media 查询在 CSS 中应用我的更改。它外面的直接容器是一个 div，它似乎没有用户定义的名称。我通常只是增加该区域周围 div class 的高度，看看是否是问题所在，但我似乎做不到，而且我似乎无法缩小文本任何一个。该文本在内容块中的 WordPress 幻灯片部分中实现为

<h1 class="quote">Accelerate Your Career</h1> 等..

同样，据我所知，这只会在移动设备处于纵向模式时发生。该网站是 http://avantirecruiters.com/

如何防止文字重叠？

Answer 1

问题在于行高13px。将行高更改为 35px 或类似值怎么样？

@media only screen and (max-width: 388px) and (min-width: 359px)
.caption-type2 > div h1.quote {
    width: 300px;
    font-size: 12px;
    line-height: 35px;
    margin: -193px auto 5px auto!important;
}

如何防止 WordPress 幻灯片中的文本重叠？

How do I prevent overlapping text in the Slideshow for WordPress?

css

wordpress

slideshow