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

Question

我在使用 WordPress 的网站的幻灯片放映中有垂直重叠的文本。它似乎只出现在移动设备上，所以我需要使用@media 查询在 CSS 中应用我的更改。它外面的直接容器是一个 div，它似乎没有用户定义的名称。我通常只是增加该区域周围的 div 类的高度，看看是否是问题所在，但我似乎不能那样做，而且我似乎也不能使文本变小。文本在内容 block 中的 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;
}