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

Question

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

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

据我所知，这仅在移动设备处于纵向模式时才会发生。网址是http://avantirecruiters.com/

如何防止文本重叠？

Answer 1

问题在于行高 13px。将 line-height 更改为 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;
}