トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
お世話になります。
表題の通り、カラムまたはリッチカラムを使用して「奇数のカラムを同幅でセンター寄せにできるか」をお聞きしたいです。
(添付したイメージ図の「やりたいこと」参照)
可能であれば、方法をご教授頂きますと幸いです。
よろしくお願いいたします。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.9
利用中のPHPバージョン
8.1.22
OS
MacOS
利用中のWordPressバージョン
6.3.1
ブラウザ
Chrome
利用中のプラグイン一覧
現状無し
投稿済 : 29/09/2023 4:45 pm
flexの設定をCSSで変更されたらどうでしょうか？
.swell-block-columns__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
投稿済 : 29/09/2023 5:32 pm
EH18 reacted
Topic starter
@windorz さま
アドバイスありがとうございます！！
ご教授頂いた方法を応用すると、無事適用できました！
----------
✗ 5個まとめてだとjustify-content: center効かず左寄せのまま (※)
◯ カラムで下の段(ピンク背景部分)にflexかけると効きました！
----------
ただ、この方法だとSPでみると若干上下のpaddingがズレますがここは調整しようと思います。
※ ✗ ちなみにフルワイドを使用しているのですが、フルワイド全体にflexかけましたがこれも効きませんでした。
ありがとうございました！
投稿済 : 29/09/2023 8:23 pm