記事内の全体の文字サイズを変更したい

Question

###前提・実現したいこと

https://petit.pink
こちらの「story ver.2」の無料テーマを使用しております。

https://luelue.com/wordpress-smartphone/

上記サイトの記事内と同じような文字サイズと行間にしたいと思っています。
使用しているテーマでは、こちらのサイトよりも記事内の文字が小さいです。

よろしくお願い致します。

###試したこと

cssに追加すればよいということは分かりましたので、検索してみて、
それらしいcssを追加してみたのですが、
何も変化がなかったり、記事内ではなくボックス枠内の文字のみが大きくなってしまったりと
なかなか上手くいきませんでした。

Answer 1

お使いのテーマの「style.css」に

body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;

p {
    line-height: 180% !important;
    font-size: 1rem !important;
    margin: 0 0 2em 0 !important;
    color: #444 !important;
}

と書いてみてください。

そちらのサイトの本文の設定です。

「!important;」というのはお使いのテーマの指定に上書きするために念のため書いてあるものです。

「style.css」の編集方法がわからなければまたお聞きくださいまし。

p.s.
「F12」を押すとサイトのCSSがのぞけますよ♪

Comments

[MaUU]

ありがとうございます！
一度、上手くできるか追加してみたいと思います。「!important;」もそのままコピーして貼り付けて問題ないということでよろしいでしょうか？覗き方までありがとうございますお勉強になりました。試しに覗いてみます♪
追加後にまた、ご報告させていただきたいと思います。

[退会済みユーザー]

問題ありません。ただし「最優先だぞ」という意味なので、今後修正する場合にご注意ください。ご報告楽しみにしております。

[MaUU]

優先という意味なのですね！ありがとうございます。
そして追加してみました。pというところの横に×印が出て更新すると「サイトを壊してしまうかもしれません」となり追加できませんでした;;

[退会済みユーザー]

すみません。「body」の「｝」が抜けていました。
これでいかがでしょう。

body {
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
}
p {
line-height: 180% !important;
font-size: 1rem !important;
margin: 0 0 2em 0 !important;
color: #444 !important;
}

[MaUU]

ありがとうございます、追加できました！！
上書きの為の念のため...というのも言われなければ何も知らずただ貼り付けている初心者なので、そういった細かい説明も付けてくださりわかりやすくとても助かりました。本当にありがとうございました！
また何かありました際は、よろしくお願い致します☆