[ 解決済 ] 横並びブロックを左揃えのまま中央配置したい
[ 解決済 ] 横並びブロックを左揃えのまま中央配置したい
- このトピックには10件の返信、4人の参加者があり、最後に
により3週、 2日前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.4.3■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.20.1■ Pro Unit のバージョン
0.26.5■ スキンの種類
Origin III■ 期待する動作
横並びブロックを左揃えのまま中央配置したいです。横並びブロックは、アイコンと段落が設置されています。
■ 自分で試した事
テキストはこちらでできたのですが、横並びブロックでは可能でしょうか？.sample01 {
text-align: center;
}
.sample01 span {
display: inline-block;
text-align: left;
}■ 症状が発生するブラウザ
chrome■ 実際の症状
左揃えで中央配置にしたいです。お世話になっております。ベクトルスタッフの松田です。
> 横並びブロックを左揃えのまま中央配置したいです。
について、画像等ありましたらイメージがしやすいのですが、こちらの憶測で返信いたします。まず実現したい状態についての確認ですが、画像1枚目の状態が実現したい内容になりますでしょうか？
画像1枚目が実現したい内容であることが前提ですが、以下で実現できると思います。(画像2枚目参照)
①横並びブロックをグループブロックで囲う
②レイアウト > 「コンテント幅を使用するインナーブロック」をオン
③コンテンツの幅を指定
④中央配置もし上記と異なるようでしたら、お手数ですが詳しい説明をお願いします。
よろしくお願いいたします。
立て続けに失礼いたします。
グループのときのみ、レイアウトが表示されず、コンテント幅を使用するインナーブロックが設定できません。確認したこと
・wordpress バージョン6.5
・theme.jsonの有効化他に確認すべき部分はありますでしょうか？
ご返信ありがとうございます。
恐れ入りますが「グループのレイアウト設定がない」との記載ですと色々な状況を想定できます。
そのため、スクリーンショットをあげていただいたり、どこまでを行なっていただけたのかなど、詳しい内容をご共有くださればスムーズな解決につながります。
フォーラムでご連絡くださる際はご協力いただけたら幸いです。よろしくお願いいたします。
とりあえず
* 横並びブロックを左揃えに指定
* その横並びブロックをグループ化
* その横並びブロックを中央配置
でできませんか？mk さんが記載の通り現状の編集画面のスクリーンショットを上げていただいた方が回答しやすいです。
mk様 石川様
ご回答ありがとうございます。
スクリーンショットを追加いたしました。
石川様の手順にて、ご教授いただいた内容ができました。こちらの伝え方が悪く大変申し訳ございません。
状況は、横並びブロックがグループの中に複数ある状態で、
この横並びブロック３つを左揃えのまま中央配置にしたいです。お手数おかけしてしまい大変申し訳ございません。
何卒よろしくお願いいたします。スクリーンショットをありがとうございます。
ただ、スクリーンショットをいただいた部分が以前よりご連絡いただいたいる部分のみであります。
スクリーンショットを求めている理由としまして、
– shさんが何を実現したいのか(確認済みではありますが、今一度認識を合わせたいため)
– shさんが何にお困りなのか(「コンテント幅を使用するインナーブロックが設定できない状態」が確認できません)
を目視で確認できるためです。現在の状態はshさんが見ている画面より限定的な状態での判断となってしまいます。色々な影響が考えられるため、可能であれば横並びブロックを囲うグループウィジェットを選択した状態で、ブラウザの画面全体をスクショいただければと思います。テキストで伏せたい部分はお手数ですが、加工してアップしてください。
よろしくお願いいたします。
ご返信ありがとうございます。現象を確認できました。
例えば添付1枚目のようになればOKでしょうか？
上記の認識であっているようでしたら、横並びブロックを内包したグループブロックをさらに横並びグループにするとできます。(2枚目参照)なお、この設定では文字の長さが長いと中央寄せから成り行きで左寄せになるので、段落ブロックのテキストが長い場合はShift+リターンキーで改行を調整するなどしてみてください。
- このトピックに返信するにはログインが必要です。
