[そすけ]

コードに不備がありましたので再掲載いたします。

<div class="smb-section__header_01">
  <h2 class="smb-section__title">施術の流れ</h2>
  <div class="smb-section__subtitle">flow</div>
  <img width="321" height="241" />
</div>

♥ 0

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

[そすけ]

キタジマ様

お世話になっております。

ご回答ありがとうございます。

区切り設定で色設定ができました。見逃しておりました。。

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

♥ 1

いいねをした人:

[そすけ]

キタジマ様

お世話になっております。

ご回答ありがとうございます。

ご回答内容で無事設定できました。

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

♥ 1

いいねをした人:

[そすけ]

途中で送信されてしまい、内容が重複した部分があり申し訳ありません。

### 試したこと

クラス名　wp-block-snow-monkey-blocks-section smb-section smb-section–fit

これらに背景色を設定してみましたが、固定背景色が変更されその下の背景色には変化がありませんでした。

 

宜しくお願いいたします。

♥ 0

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

[そすけ]

キタジマ様

ご返信が遅くなり申し訳ありません。

カスタム HTML ブロックで実装にしたいと思います。

ご回答ありがとうございました！

♥ 1

いいねをした人:

[そすけ]

キタジマ様

ご回答ありがとうございます。

1.回答いただいたコードで解決しました。

2.object-fit: initial;や画像サイズ変更など試しましたが、おっしゃる通り CSS で装飾した方が良さそうです。

セクションとカラム上の画像はそのままで、カラム（３等分）の部分をカスタムHTMLに変更するイメージでしょうか。

♥ 0

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

[そすけ]

GONSY様、es様

ご回答ありがとうございます。

全角スペースだったのですね。今後はCSSが反映しない場合はエディターなどでも確認していきます。

お二人ともお時間をかけて調べていただき、本当にありがとうございました！

今後に活かしていきたいと思います。

♥ 3

いいねをした人:

[そすけ]

先程の返信の追記です。

.smb-section_accessは解決しました！

高度な設定に『.』も含めて記述していることが原因でしたので、解決いたしました。基本的なミスでご確認のお時間をとっていただき申し訳ありませんでした。。

♥ 1

いいねをした人:

[そすけ]

es様

ご回答いただき、ありがとうございます！

.smb-section {
  padding-top:0px;
  padding-bottom:0px
}

を試してみたところ、やはり

.smb-section {
  padding-top: 0px;
}

が反映されません。。

また、おっしゃる通りセクションの高度な設定にclass名を付けているのですが、

.smb-section_access {
  padding-bottom: 80px !important;
}

が全く反映されません。
原因がわからず、スペーサーで対応するしかないのでしょうか。

宜しくお願いいたします。

♥ 0

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

[そすけ]

キタジマ様

ご回答ありがとうございます。

メディアアップローダーでアップロードして参照できました。

方法まで丁寧にご回答いただき、ありがとうございました！

♥ 1

いいねをした人:

[そすけ]

キタジマ様

確認が遅くなり申し訳ありません。

ご回答ありがとうございます。

いただいた回答で解決いたしました。

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

♥ 1

いいねをした人:

[そすけ]

キタジマ様

ご回答ありがとうございます。

追加CSSで記載したい場合、画像はどこに保存しておくべきでしょうか。

<img src=“https://placehold.jp/100×60.jpg” />の太字の部分のように、例えば自分のgoogleドライブに画像を保存しURLを記述しておくでも良いのでしょうか。

宜しくお願いいたします。

♥ 0

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

[そすけ]

キタジマ様

ご回答ありがとうございます。

初歩的な見落として申し訳ありません。ハンバーガーメニューは表示されました。

また、ヘッダーコンテンツ右に画像でリンクボタンを入れたいのですがこれは可能でしょうか。

宜しくお願いいたします。

♥ 0

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

[そすけ]

キタジマ様

ご回答ありがとうございます。

以下がヘッダーコンテンツに入力した HTMLです。

HTML 全体を`で囲みましたが、コードとして認識されていますでしょうか。

<div class="header-info">
  <div class="header-wrapper">
    <i class="fas fa-phone-alt"></i> <b>0123-456-7890</b><br>午前：9:00〜12:00<br>午後：13:00〜19:00(土日祝日は16:00まで)<br>休診日：木曜日
  </div>

宜しくお願いいたします。

♥ 0

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

[投稿者]

投稿