JINでアプリーチの表示が崩れるときの対処法(追加用CSSの紹介)

JINでアプリーチの表示が崩れるときの対処法(追加用CSSの紹介)
▼FXのマル秘レポート発売中▼ ゆずうさぎ

WordPressテーマ『JIN』でアプリーチの新コード用のCSSを追加すると、表示崩れがありました。

具体的に言うとボックス内に改行ができてしまったんです。

アプリーチの表示崩れ
ぱる
この隙間をなくしたい……

そこでCSSを追加して、下記のようにコンパクトにしました。

修正後のアプリーチ

この記事ではJINでアプリーチの表示崩れを対処するカスタマイズ方法をご紹介します。

JINでアプリーチの表示崩れを直すCSS

まず大前提として、アプリーチで配布されているCSSは追加してあります。

アプリーチのCSS アプリーチのCSS

このコードに加えて、下記のコードをCSSに追加してください。

/*アプリーチ内の改行をなくす*/
.appreach p {
padding-bottom: 0;
}

キャッシュを削除して見ると表示がちゃんとできてるハズ。

おわりに

JINでアプリーチの公式CSSを使用する場合は、たった1つコードを追加するだけで表示崩れがなおります。

ちなみにひつじさんが公開しているCSSでは表示崩れがありません!

公式のCSSではなくカスタマイズしたい方は、そちらの記事を参考にしてみてください🙆‍♀️

スポンサーリンク

為になったらぽちっとシェア!

コメントを残す

メールアドレスが公開されることはありません。