コメント投稿欄の幅は変更できますか?
Meadow(2カラム)のデザインを利用して各種のカスタマイズを行っています。コメントする際に、投稿ボタンを押して実際にブログに反映されるときの横幅は、
現在のものでOKですが、
入力する時のテキストボックスの横幅が狭いので文章が書きにくいので、気になっています。
投稿記事に対するコメントを書き込む欄(四角のテキストボックス)の横幅を
変更することはできますか?
お手数ですが、私のサイトをご覧いただいた上で、ご指導ください。
私のブログのURLは以下です。よろしくお願いします。
回答(1)
1.

width:***px;の数値を大きくしたら良いと思います。
他にも変更したいところなどありましたら
こちらを参考にすると非常に便利です。
希望通りにできました。的確な回答をありがとうございました。
コメント投稿欄の幅のことと、コメントが表記される部分の余白のことの両方について答えていただき、感謝しています。
本来2つの質問に分けるべきところを失礼しました。今後ともよろしくお願いします。
コメント(3)
kavalierさん、回答をありがとうございます。指示通りにやってみたらできました!
教えていただいた、参考になるURLにも行って見て、コメント欄のところを参照してきました。
いろいろな大きさで実験しましたが、結局、260pxを380pxに設定して、確定しました。
ありがとうございました。
ただ、このコメント投稿欄(テキストボックス)から投稿すると、
ブログの投稿の文章よりも右側の余白が少なくなって、ギリギリまで文字がきてしまいます。
(今まで短いコメントばかりだったので、このことに気がつきませんでした)
ブログの投稿と同じ右余白にするには、どの部分を変更すればいいのでしょうか?
恐れ入りますが、もしご存知でしたら教えてください。
.comments-bodyってのがどっかにあると思ったんですけど
ないですね…
なにかがそれの代替してるのかもしれませんが
とりあえず試しに以下の一文をいれてみてはどうでしょうか?
.comments-body{
margin:上px 右px 下px 左px;
}
※上下左右には好きな数値を入れてください。
コメントをありがとうございます。できました!
実は私はタグについての知識が乏しく、特にmarginやpaddingのような余白についての記述が苦手で、いつも頭を悩ませています。
ですので、kavalierさんご提案の、.comments-body{margin:上px 右px 下px 左px;} を入れてみるのは、もともとのCSSにない記述ということもあって、非常に不安で試していません。しかし!
> なにかがそれの代替してるのかもしれませんが…
とのkavalierさんのコメントからふと思いつき、.comment 関係の部分をいろいろ見てみました。
すると、.commenttext という部分があり、そこの margin の部分が 0 になっていたので、40px に変更したら右側に余白ができました(嬉)。40px という数字は、ブログ本文の余白を参照にしたわけではなく、目分量なので、かなりいいかげんなのですが…(汗)。
今回は貴重なヒントをありがとうございました。助かりました!





