[hurley]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】v7.0.0
【お使いのブラウザ】Google Chrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

Snow Monkey Blocksのセクションのタイトルの装飾を変更したいです。

子テーマは特に用意していないので追加CSSで出来る範囲で行いたいです。

デフォルトでは青の短い下線となっております。

（例えば、赤線で線の太さを太く、文字に応じた長さにするとか）

よろしくお願いいたします。

 

♥ 0

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

[キタジマ タカシ]

「赤線で線の太さを太く、文字に応じた長さにする」は下記で実現できます（下線の色はデフォルトではカスタマイザーで設定したアクセントカラーが利用されます。下記は強制的に赤で固定しています）。

.smb-section__inner > .c-container {
  text-align: center;
}

.smb-section__body {
  text-align: left;
}

.smb-section__title {
  display: inline-block;
}

.smb-section__title::after {
  width: auto;
  height: 2px;
  background-color: red;
}

♥ 0

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

[hurley]

できました。

ありがとうございます。
Chromeの検証を使ってClassを調べるのにいまいち慣れておらず、blockの追加CSSクラスにクラス名を新規に
書いてカスタムクラスを当ててみたのですがうまくいかず・・・
初歩的な質問でお手数おかけいたしました。

♥ 0

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

[キタジマ タカシ]

できたとのことで、トピック閉じます！

♥ 0

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

[投稿者]

投稿