FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

ブログ記事の本文横幅を広くしたい。

解決済

ブログ記事の本文横幅を広くしたい。

toot-pm
Shopify Partner
8 0 1

現在、Dawnにてサイト作成をしております。

ブログ記事の本文の横幅が、PCで見たときに狭い為、広くしたいと思っているのですが、どこで修正するかご教授頂けますと幸いです。

 

下記、やりたい事イメージとなります。

maxwidth.jpg

 

何卒よろしくお願いいたします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1347 531 509

成功

@toot-pm

 

ブログの本文の横幅を広げたい件ですが、下記の手順調整が可能かと思われます。

 

1.管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック

2.ページ上部のホームページ > ブログ記事 > デフォルトのブログ記事を選択

3.左メニューのブログ記事をクリック

4.カスタム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;
}

Qcoltd_0-1744796390555.png

 

ご参考まで。

(キュー小坂)

 

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1347 531 509

成功

@toot-pm

 

ブログの本文の横幅を広げたい件ですが、下記の手順調整が可能かと思われます。

 

1.管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック

2.ページ上部のホームページ > ブログ記事 > デフォルトのブログ記事を選択

3.左メニューのブログ記事をクリック

4.カスタム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;
}

Qcoltd_0-1744796390555.png

 

ご参考まで。

(キュー小坂)

 

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
toot-pm
Shopify Partner
8 0 1

早急に回答頂き、ありがとうございました!

イメージ通りに修正できました。