フォーラムへの返信
-
まーちゅうさんがシェアされているトピックに関する変更で、ロゴサイズの縮小を
width/heightの上書きではなくzoomを使うように変更しました。下記の CSS を独自に追加されているようですが、それと干渉がおこってしまっているようなので、下記の CSS を削除してみてください。.custom-logo { width: 8em; }Who liked:詳しくありがとうございます！ 記事一覧ページだと
--wp-block-widthも影響するようです。ちょっと書き換えて、下記の CSS だとどうでしょうか？.home { --_container-max-width: 1920px; --wp-block-width: calc(var(--_container-max-width) - var(--_container-margin, 1.8rem) * 2 + env(safe-area-inset-right) + env(safe-area-inset-left)); }Who liked:確認できました！ エディター上では問題ないけどフロントでは問題が起きてしまうということですね。
関連トピックがあったのでリンクします。
↑のトピックのときは
.sme-font-size { display: inline-block; }が問題だけど、これをなくすと適切な
line-heightが反映されなくなるということで具体的な解決方法がないということになっていたみたいです。ただ、今inline-blockを外してみると問題なさそうな気が…？下記の CSS を追加してみてどうなるか確認してみてください！.sme-font-size { display: inline; }Who liked: No userこの Snow Monkey 公式サイトのトップページで実験したところ、先のコードでコンテナーだけではなく中身も広がりました。
なのでなにか中身が広がらない条件があるのかもしれません。実際のページが確認できないとちょっとわからないかもですが、下記教えてください。
– ページテンプレートは何ですか？
– 独自に CSS は追加していますか？
– デベロッパーツールで.c-containerの中のコードを選択したとき、max-width: 1280pxが指定されている要素は何ですか？Who liked:こちらでも試してみましたが再現できませんでした。
こちらでも再現できないと調査できないので、下記教えてください！
ブロックは WordPess コアの「リスト」ブロックでしょうか？ また、「一部分の文字を大きく」は具体的にどのように実現していますか？
Who liked:下記の CSS を追加してみてください！
.c-entries--simple .c-meta__item.c-meta__item--categories { display: inline-block; } .c-entries--simple .c-entry-summary__figure .c-entry-summary__term { display: none; }Who liked:コンテナーの最大幅はカスタムプロパティ
--_container-max-widthで設定されるので、.home { --_container-max-width: 1920px; }だとどうでしょうか？
Who liked:
