# テーマはXtraでブログ記事のページを横幅いっぱいに広げたい

**URL:** <https://community.shopify.com/t/xtra/398044>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [March 3, 2025, 8:55am UTC](https://community.shopify.com/t/xtra/398044 "2025-03-03T08:55:40Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Xtraテーマで全体をBoxed width設定にしているが、ブログ記事ページのみを画面幅いっぱいに表示したいという質問。

**提案された解決方法:**
- 検証ツール(デベロッパーツール)を使用して、max-widthが適用されている要素を特定
- 該当要素のクラス名に対して `max-width: 100%;` を適用することで画面幅いっぱいに広げられる
- 検証ツールの使い方についてはProg-8のドキュメントが参考資料として提示されている

**現在の状況:**
回答は提供されたが、質問者からの追加フィードバックや解決報告はまだない状態。

<div class="post-metadata">

**Author:** ![Tatsuya0813](https://avatars.discourse-cdn.com/v4/letter/t/e36b37/32.png) [@Tatsuya0813](https://community.shopify.com/u/Tatsuya0813)\
**Post date:** [March 3, 2025, 8:55am UTC](https://community.shopify.com/t/xtra/398044/1 "2025-03-03T08:55:40Z")

</div>

Xtraでページを作成しています。

全体のテーマ設定はLayoutのBoxed widthで作成しており、

ブログ記事のページだけ画面いっぱいに画像や文章などを広げたいです。

CSSの記述はどのようにしたら良いでしょうか。

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

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [March 4, 2025, 12:52am UTC](https://community.shopify.com/t/xtra/398044/2 "2025-03-04T00:52:24Z")

</div>

ご質問拝見しました。

おそらくmax-widthがかかっているかと思いますので、検証ツールでmax-widthがかかっている要素を探し、その要素のクラス名に対してmax-width:100%;を当てると画面いっぱいに広がるかと存じます。

検証ツールの開き方は以下が参考になるかと存じます。

[https://prog-8.com/docs/html-dev](https://prog-8.com/docs/html-dev)

参考になりましたら幸いです。

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス