【STINGER7】記事本文のフォントサイズのカスタマイズ方法

stinger7-2

先日より、ちょこちょこっと「STINGER7」のカスタマイズを始めましたgoziです。

最近、歳なのか小さい文字が見にくくなってきましたので、見やすいように記事本文のフォントサイズを変更する方法です。

スポンサーリンク

記事本文のフォントサイズのカスタマイズ方法

カスタマイズというと、ちょっと大げさかも知れませんが、記事本文のフォントサイズの変更方法です。

通常であれば、親テーマのstinger7style.cssを変更すればいいのですが、子テーマstinger7childstyle.cssを利用して変更します。

stinger7childstyle.cssに以下のコードを書きます。

上記コードは、stinger7style.cssに書かれているコードになります。

今回は前回のメニュー幅・高さのカスタマイズで書いたコードと同じように、レスポンシブの設定がされているため、通常のpタグのみを変更してもパソコンの表示は変わりません。通常のpタグはサイズ781px以下のタブレット等で適用されます。

パソコンの表示を変更する場合は、
@media only screen and (min-width: 781px) {} が必要になります。
(サイズ分岐が781pxの場合)

@media only screen and (min-width: 781px) {} 以下のpタグを変更することにより、パソコンの表示が変更されます。
当ブログでは以下のコードを書いて使用しています。

あとがき

いかがでしたでしょうか?

レスポンシブデザインを今まで敬遠しがちだったのですが、理解できれば通常のCSSと変わりありません。

今後もちょこちょこカスタマイズ方法をアップしたいと思います。

スポンサーリンク
Written by gozi
iPhone・iPad等のApple製品を中心にWordPressから食べものなど、きになるものを綴っているブログです。
スポンサーリンク
mixhost
おすすめ記事