サポート » 使い方全般 » リンク画像下の青い線を消したいです

  • 解決済 takeuchi0709

    (@takeuchi0709)


    ワードプレス初心者です。
    現在、ワードプレスのテーマ「oxygen」でサイトを作っているのですが、
    リンク画像の下に青い線は入ってしまい、これを取り除くことができません。

    リンク画像はpngで作られており、ドロップシャドウがかかってる箇所はやや透過しております。
    リンク画像にカーソルを合わせると、ドロップシャドウがかかって透過してる部分に、青い線が見えます。

    エラー

    過去記事も解決方法がなく、インターネットで検索しても画像の周りの線の取り除き方法ばかりで
    未だ解決には至っておりませんので、どうか皆様のお知恵お貸しいただければと存じます。
    すみませんがどうぞよろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    スタイルで a:hover を下記のようにすると青線を表示しないようにできます。

    style.css や管理画面の[外観]-[カスタマイズ]-[追加CSS](WP4.7 以降の場合)等に

    a:hover {
    	border-bottom: none;
    }

    ただし、これでは全ての a:hover に適用されてしまうため他の場所の青線も表示されなくなってしまいます。
    限定的に適用させるには、a タグに no-border クラスを追加して下記のようにクラス指定する等の工夫が必要です。

    a.no-border:hover {
    	border-bottom: none;
    }
    トピック投稿者 takeuchi0709

    (@takeuchi0709)

    ishitaka様

    こんにちは。ご回答くださりありがとうございます。

    教えてくださったやり方で、無事青線を消すことができました!
    これでカーソルを合わせた時の煩わしさから解放されます…!

    この度はご親切に教えてくださり、本当にありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「リンク画像下の青い線を消したいです」には新たに返信することはできません。