▽1
●
rouge_2008 ●180ポイント ベストアンサー |
個別投稿ページの「entry-content」クラスに狭い幅が指定されているのが原因です。
・style.cssの129行目(※デフォルトでは110行目?なので、カスタマイズ済みでしょうか・・・)
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; width: 68.9%; }
最後の方に次の記述を追加するか、あるいは上記の記述からCSSの適用を除外したいセレクタ「.singular .entry-content」を削除しても、どちらでも好きな方法で対応可能です。
.singular .entry-content { width: 95%; }
※上記は適当に95%としていますが、トップページやアーカイブでは幅を指定していませんので、100%としてもいいです。(この場合、左右の余白がなくなります。)
表示を確認しながら好みで調整してみてください。
※同じように記事タイトルの幅を広げたい場合は、style.cssに追記する上記の記述に「.singular .entry-header」を追加するか、あるいは問題となっている記述から該当するセレクタを削除するといいです。
.singular .entry-header, .singular .entry-content { width: 95%; }
※CSSの書き方、セレクタの種類、スタイルの優先順位等、CSSに関する知識は次のページを一通り確認してみてください。
・CSSの基本 (HTMLクイックリファレンス)
http://www.htmq.com/csskihon/index.shtml
※ブラウザあるいはバージョンによっては、対応していないセレクタもありますので注意が必要です。
・スタイルシート・リファレンス セレクタ
http://desperadoes.biz/style/selector/index.php
・セレクタ(selector)(W3G)
http://w3g.jp/css/guide/selector