Prestigeテーマでリンクに表示される下線のスタイルを変更したい相談です。
現在の仕様:
希望する変更:
フッターなど多数のリンクがある箇所で下線が多くなりすぎるため、逆の動作にしたいとのこと。
解決策:
CSSで対応可能との回答があり、text-decoration: none;を使用して下線を非表示にし、ホバー時のアニメーションについては外部サイト(hakenblog.com)の解説が参考になるとの提案がありました。
Prestigeを使用しています。
デフォルトの状態では、
・別ページ移行用にリンクを挿入→挿入された文字に下線が表示される。
・リンク挿入部分にカーソルを合わせると、下線が消えるようなアニメーション。
となっていますが、このままだとリンクが多いフッターなどでは下線だらけになってしまいます。
そのため、上記使用を下記のように変更したいです。（上記とは真逆の仕様）
・別ページ移行用にリンクを挿入→挿入された文字に何も表示されない。
・リンク挿入部分にカーソルを合わせると、下線が出現するようなアニメーション。
ご教授いただけますと幸いです。
よろしくお願いいたします。
お世話になっております。
CSSで対応可能かと存じます。
・別ページ移行用にリンクを挿入→挿入された文字に何も表示されない。
→この要素に、text-decoration: none;のcssをあてれば、下線は表示されなくなると思います。
・リンク挿入部分にカーソルを合わせると、下線が出現するようなアニメーション。
→こちらのサイトの解説がわかりやすいかと思います。
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。