WordPressテーマ『JIN』でアプリーチの新コード用のCSSを追加すると、表示崩れがありました。
具体的に言うとボックス内に改行ができてしまったんです。
「この隙間をなくしたい……」
そこでCSSを追加して、下記のようにコンパクトにしました。
この記事ではJINでアプリーチの表示崩れを対処するカスタマイズ方法をご紹介します。
JINでアプリーチの表示崩れを直すCSS
まず大前提として、アプリーチで配布されているCSSは追加してあります。
このコードに加えて、下記のコードをCSSに追加してください。
/*アプリーチ内の改行をなくす*/
.appreach p {
padding-bottom: 0;
}
キャッシュを削除して見ると表示がちゃんとできてるハズ。
おわりに
JINでアプリーチの公式CSSを使用する場合は、たった1つコードを追加するだけで表示崩れがなおります。
ちなみにひつじさんが公開しているCSSでは表示崩れがありません！
公式のCSSではなくカスタマイズしたい方は、そちらの記事を参考にしてみてください🙆♀️