現在、Dawnにてサイト作成をしております。
ブログ記事の本文の横幅が、PCで見たときに狭い為、広くしたいと思っているのですが、どこで修正するかご教授頂けますと幸いです。
下記、やりたい事イメージとなります。
何卒よろしくお願いいたします。
Topic summary
Dawnテーマでブログ記事の本文横幅をPC表示時に広げる方法についての質問と解決。
問題:
- ブログ記事本文の横幅がPCで見たときに狭く、広げたい
解決方法:
管理画面からカスタムCSSを追加する手順が提示されました:
- オンラインストア > テーマ > カスタマイズ
- ブログ記事 > デフォルトのブログ記事を選択
- カスタムCSSに以下を追加:
header、header + div、header + div + divに対してmax-width(例:1300px)を設定margin-right: autoとmargin-left: autoで中央配置
結果:
質問者は提案された方法でイメージ通りに修正できたと報告し、解決済み。
@toot-pm 様
ブログの本文の横幅を広げたい件ですが、下記の手順調整が可能かと思われます。
１．管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック
２．ページ上部のホームページ > ブログ記事 > デフォルトのブログ記事を選択
３．左メニューのブログ記事をクリック
４．カスタムCSSに下記CSSを追加し保存ボタンをクリック
1300px部分は任意のサイズに変更してください。
header {
max-width: 1300px;
margin-right: auto;
margin-left: auto;
}
header + div {
max-width: 1300px;
margin-right: auto;
margin-left: auto;
}
header + div + div {
max-width: 1300px;
margin-right: auto;
margin-left: auto;
}
ご参考まで。
（キュー小坂）
早急に回答頂き、ありがとうございました！
イメージ通りに修正できました。