お家で「好き」を仕事にしたい!ぱるのブログ

ぱるろぐ

ブログカスタマイズ

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

投稿日:2018年9月26日 更新日:



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

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

アプリーチの表示崩れ

「この隙間をなくしたい……」

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

修正後のアプリーチ

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

\趣味ブログをはじめるなら/

クロネのブログ講座

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

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

アプリーチのCSS

アプリーチのCSS

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

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

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

おわりに

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

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

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

おすすめ関連記事

-ブログカスタマイズ

Copyright© ぱるろぐ , 2018 All Rights Reserved Powered by AFFINGER5.