サポート » テーマ » 文字下の下線を消したい

  • 解決済 an83022

    (@an83022)


    現在「Edge」というテーマを利用してサイト制作を行っています。
    制作の中で、非アクティブ時にボタンの文字(URL先の画像参照)や固定ページ一覧を表示しているページのタイトルに下線が表示されてしまっています。恐らく、テーマのデフォルト設定だと思うのですが、この設定を逆にしたいです。(非アクティブ時に下線無し。アクティブ時に下線あり。)
    テーマのCSSを一通り確認しましたが、下線にあたる部分等、知識が未熟で見つけることができず、わかりませんでした。
    上記の設定を行うには、どのように設定すればよろしいでしょうか?

    ヘルプの必要なページ: [リンクを見るにはログイン]

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • @an83022 さん

    はじめまして。
    以下のCSSを追加してみてはどうでしょうか。

    .entry-content .wp-block-button__link {
        text-decoration: none;
    }
    .entry-content .wp-block-button__link:hover {
        text-decoration: underline;
    }
    スレッド開始 an83022

    (@an83022)

    ありがとうございます!
    ご教示頂いたコードを追加した所、無事設定を変更することができました。
    立て続けに質問してしまって申し訳ないのですが、投稿一覧のページタイトルにも同じような設定をすることは可能でしょうか…?
    一覧表示にはNewPostCatchというプラグインを使用しています。
    画像参考URL:https://d.kuku.lu/37ebcc5d9

    @an83022 さん

    こんにちは。
    そのプラグインは使った事がありませんが、以下CSSで対応出来ると思います。

    #npcatch li a{
        text-decoration:none;
    }
    
    #npcatch li a:hover{
        text-decoration:underline;
    }

    またこのようなケースの場合、ブラウザのデベロッパーツールを使用して、該当箇所のCSSセレクタ名と適用されているスタイルを確認して上書きする、というのが基本です。

    今後のために、「Chrome CSSセレクタ」などのキーワードで調べてみて、どのように上書きすればよいかを調べてみる事をお勧めします。

    スレッド開始 an83022

    (@an83022)

    ご回答ありがとうございます。
    上記のコードを追加しましたが、何も変化がありませんでした。。
    CSSセレクタというものがあるのを未熟ながら知りませんでした。今後は、セレクタを利用して該当箇所の修正を行おうと思います。
    今回の質問で、CSSについてもっと学ばなければいけないなと感じました。ご回答、ありがとうございました!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。