WPのテキストリンクにカーソルを合わせると色が変わるHTMLタグと設定

どうも、Naotoです。

今回は「WordPressのテキストリンクにカーソルを合わせると色が変わるHTMLタグと設定」についてお話しします。


ワードプレスのテンプレート「Refine」の、オンマウスでテキストリンクの色が変わるHTMLタグと設定についてです。

 

設定はワードプレスのダッシュボードから外観⇒テーマ編集⇒custom.phpで、行うことが出来ます。

 

以下がオンマウスでテキストリンクの色が変わるHTMLタグです。

/* オンマウスでリンク色が変わる */
a:hover {
text-decoration:none;
color:#FF1493;
}

テキストリンクにカーソルを合わせた時に変わる色は

a:hover {text-decoration:none;color:#FF1493;}

赤い部分を変更して変えることが出来ます。

 

カラーはこちらのサイトを参考にして下さい。

Webカラーピッカーサイト

 

動画では設定方法を解説していますので、参考にしていただければと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA