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

セクションブログ記事のレイアウトを変えたい

セクションブログ記事のレイアウトを変えたい

ピコ
Shopify Partner
11 0 2

AABB

ブログ記事のレイアウトについてのご質問です。

テーマはDebutを使用しています。

セクションから追加した際に上記のように表示されます。

ブログ記事だけ、画面サイズが縮小した際に左の状態を維持したいのですが

scssの何処を変えたらよろしいでしょうか?

どなたかご存知な方 回答をよろしくお願い致します。

 

2件の返信2

Jizo_Inagaki
Shopify Partner
1131 414 723

ご希望の状態なのかあまり自信がありませんが、恐らく以下でご希望の状態になるかと思います。
書き方はいくつもあるのであくまで一例です。

.grid--blog .grid__item {
    width: 33.33333%;
}

 

余白などより細かい設定は、theme.scss.liquidの.grid__item付近の記述や、ブラウザの開発者ツールで確認可能なので、それらを参照していただければと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
ピコ
Shopify Partner
11 0 2

jizoさん、ありがとうございました。

grid__itemの変更だけで反映されました!

今回は個別に固定したかったので、

ブログ記事のセクションを追加し

<div style="width:33.33333%">を入れて対処致しました。