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

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #19385
    hurley
    閲覧者
    0

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

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

    ===

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

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

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

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

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

     

    0
    #19431
    キタジマ タカシ
    キーマスター
    339

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

    .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
    #19446
    hurley
    閲覧者
    0

    できました。

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

    0
    #19530
    キタジマ タカシ
    キーマスター
    339

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

    0
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「Snow Monkey Blocksのセクションのタイトルの装飾を変更したい」には新しい返信をつけることはできません。