FROM CACHE - jp_header

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

ピコ
Shopify Partner
11 0 2

AABB

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

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

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

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

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

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

 

2件の返信2

Jizo_Inagaki
Shopify Partner
990 373 690

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

.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%">を入れて対処致しました。