2017-07-03 1 views
0

ワードプレスを使用しているウェブサイトのスライドショーに縦に重なっているテキストがあります。モバイルデバイスでのみ発生するようですので、@mediaクエリを使用してCSSで変更を適用する必要があります。それ以外の直接のコンテナはdivであり、ユーザ定義の名前を持たないように見えます。私は通常、領域を囲んでいるdivクラスの高さを上げて、それが問題であるかどうかを確認しますが、そうすることはできません。また、テキストを小さくすることもできません。テキストは...WordPress用スライドショーのテキストの重なりを防ぐにはどうすればよいですか?

<h1 class="quote">Accelerate Your Career</h1>などとしてコンテンツブロックにワードプレスのスライドショーのセクションで

を実装している、彼らは私の知る限り、ポートレートモードであるときに再度、これはモバイルデバイスでのみ発生します。ウェブサイトはhttp://avantirecruiters.com/

どのように重複するテキストを防ぐことができますか? enter image description here

+0

フィダーを設定するか、重複する問題を示すスクリーンショットを追加してください – Django

+0

OK、スクリーンショットを追加しました。 – jeppy7

答えて

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; 
} 
+0

ありがとうございました。要素への参照に問題がありましたが、パラメータ値も同様に機能しました。私は複数のデバイスをテストする方法を発見しました。それは400pxまでの解像度のスクリーンであるようでしたので、あなたのメディアクエリを少し微調整しました。 – jeppy7

関連する問題