HTML COMENT BOXという外部のコメントサービスをハテナブログに設置しています。
そのコメントサービスで書き込んだ文字を大きくしたいのですがどうすればいいでしょうか?
他の人に質問したところ「設置後にCSSでコメントのclassを指定してあげることで、文字デザインのカスタマイズが可能」と言われましたが・・・
私は素人すぎてどうすればいいか分かりませんでした。
HTML COMENT BOXの場所↓
https://www.htmlcommentbox.com/
HTML COMENT BOXを設置した私のブログの場所↓
https://mesgamer.hatenablog.com/entry/2021/02/22/003725
あきらめちゃあ、だめだ。
こんな感じでいけます。p が大事。
#HCB_comment_box p.hcb-comment-body { font-size: 20px; }
もしくは、こう。!important
が大事。
#HCB_comment_box .hcb-comment-body { font-size: 20px !important; }
https://www.b-chan.jp/entry/seo/font-size-comment-hatena-blog
コメント欄の文字の大きさを変更する方法です。 はてなブログ限定です。
CSS(カスケーディングスタイルシート)内に次のような記述をしてください。
.comment-box {
font-size : 20px ;
}
クラス名は .comment-box です。
その中にフォントサイズの記述をすると、
フォントの大きさのみが変わります。
20px の部分の数字で文字の大きさを調整します。
もちろんカラー指定などもOK。
ちなみに、コメント欄自体を表示したくないのであれば、
次のように書けば良いです。
.comment-box {
display: none;
}
はてなブログ専用のノウハウですが、
他のブログでもやり方はだいたい同じはずです。
ブログによって、クラス名が異なると思うので、それさえ調べればできます。
とのことです。
むぅ
.comment-box {
font-size : 20px ;
}
を色んな場所にコピーしましたがHTML COMENT BOXの字の大きさは変わらないようなのであきらめます
_ノフ○
あきらめちゃあ、だめだ。
こんな感じでいけます。p が大事。
#HCB_comment_box p.hcb-comment-body { font-size: 20px; }
もしくは、こう。!important
が大事。
#HCB_comment_box .hcb-comment-body { font-size: 20px !important; }
やりましたー!
この方法で出来ましたーー!
・(ノД`)人(´Д`)人(Д` )・゚。
ありがとうございます<(_ _)>
やりましたー!
この方法で出来ましたーー!
・(ノД`)人(´Д`)人(Д` )・゚。
ありがとうございます<(_ _)>