[稲妻哲郎]

【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】クローム
【当該サイトのURL】

### 実現したいこと

バナーを画面センターに表示させたいです。

### 発生している問題

ブロックが2つに分かれてしまい、真ん中に設置できないです。

### 試したこと

検証で、追加CSSでクラスにtext-textalignをつけましたが動きません。

ご教授お願いします。

♥ 0

いいねをした人: 居ません

[稲妻哲郎]

すいません。

お答えいただきたいです。

よろしくお願いします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

まず、そのバナーはどのように実装していますか？ 例えば記事の編集画面で画像ブロックを挿入した、HTML ブロックに img タグを記述した、などです。どのように実装したかで解決方法も変わると思うので、具体的に書いていただけると答えが付きやすいと思います。

♥ 0

いいねをした人: 居ません

[稲妻哲郎]

編集画面から

→ブロック追加

→項目

→ブロック内ブロック追加

→バナー選択

→写真選択

→テキスト入力

→画像のアスペクト比→コンテンツにあわせる

ここからどうすればよろしいでしょうか。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

下記でどうでしょうか？

項目ブロックに適当な追加 CSS クラスを付与（例えば banner-center） → そのクラスに対して下記の CSS を記述

.banner-center .c-row {
  justify-content: center;
}

♥ 0

いいねをした人: 居ません

[稲妻哲郎]

解決しました。

ありがとうございました。

♥ 1

いいねをした人: 居ません

[投稿者]

投稿