如何防止在WordPress幻燈片中出現重疊文字？

我在使用WordPress的網站的幻燈片中有垂直重疊的文本。它只出現在移動設備上，所以我需要使用@media查詢在CSS中應用我的更改。它外面的直接容器是一個div，它似乎沒有用戶定義的名稱。通常情況下，我只會提高圍繞該區域的div類的高度，以查看是否存在問題，但似乎無法做到這一點，而且我似乎也無法使文本變小。該文本是在WordPress的內容分塊的幻燈片部分實現爲如何防止在WordPress幻燈片中出現重疊文字？

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

同樣，當他們在縱向模式下，據我可以告訴這只是發生在移動設備上。該網站是http://avantirecruiters.com/

如何防止重疊文本？

來源

2017-07-03 jeppy7

設置小提琴或添加一個屏幕截圖，演示重疊的問題 – Django

好吧，我添加了一個截圖。 – jeppy7

問題在於行高爲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; 
}

來源

2017-07-04 00:20:42 xxLITxx

非常感謝。我在引用元素時遇到了問題，但是您的參數值也起作用。我發現了一種測試多個設備的方法，它看起來像是屏幕分辨率高達400px，所以我稍微調整了媒體查詢。 – jeppy7

如何防止在WordPress幻燈片中出現重疊文字？

回答

相關問題