【wordpress】関連記事（YARPP）が大きすぎてヤバチンだったからCSSで読みやすくする方法 -masonic-

おそらく現在「masonic」を使用しているのは日本で…　いやいや世界で私だけかもしれないという被害妄想はさておき、いつか誰かの為に…… 備忘録用に記録しておきます。

こんな感じ

自分のblg記事をスマホで見る事がなかったから分からなかったが、たまたま見てみたら見にくいのなんの（汗）

テキストがデカすぎて何も入ってこねeee!

サイト全体としてツッコミどころが多すぎて困ったが、今更ながら直せそうなトコだけ手をつけていこう。

ではまず「関連記事（YARPP）」のテキスト問題を修正する事にした。
「Yet Another Related Posts Plagin」の設定画面からフォントの大きさを修正しようと思ったのだが叶わず「Styleseet」のphpファイルに追記しようとしたのだがまさかの・・

僕

Oh,No!

ダメだこりゃ・・

次にCSS追記を試みる

「外観」より、テーマの「カスタマイズ」を選択。

「Additional CSS」にこのように指定追記。下記コピー貼り付けでオケ。

/*————————————–
関連記事
————————————–*/
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
height: auto !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
max-height: 7.5em !important;
}
.yarpp-related .yarpp-thumbnail-title {
font-size: 60% !important;
}

.grecaptcha-badge { visibility: hidden; }

するとこんな感じになる。