WordPressテーマ「CUBEY (tcd023)」
 

【賢威6.1】サイドバー「最近の投稿」の反転リンク色を変更する方法

賢威6反転リンク変更

賢威反転リンク変更

賢威6.1でサイドバーの「最近の投稿」にマウスオーバーした時の反転リンク色を変更する方法です。

デフォルトではテーマカラーに合わない反転色のため、テーマカラーに合わせたい場合にカスタマイズします。

ダッシュボード → 外観 → テーマ編集 → design.cssの中で2か所を編集します。

色コードは、「カラーコード表」が参考になります。

賢威design.css 1か所目

.sub-column .widget_recent_entries ul li a:active,
.sub-column .widget_recent_entries ul li a:hover,
.sub-column .widget_pages ul li a:active,
.sub-column .widget_pages ul li a:hover,
.sub-column .widget_nav_menu ul li a:active,
.sub-column .widget_nav_menu ul li a:hover{
    background-color: #賢威デフォルトの色コード; ←ココ
    color: #fff;
}

賢威design.css 2か所目

.sub-column .widget_recent_entries ul li li a:active,
.sub-column .widget_recent_entries ul li li a:hover,
.sub-column .widget_pages ul li li a:active,
.sub-column .widget_pages ul li li a:hover,
.sub-column .widget_nav_menu ul li li a:active,
.sub-column .widget_nav_menu ul li li a:hover{ background: url(./images/icon/icon-menu02.png) 2px 12px no-repeat #賢威デフォルトの色コード; } ←ココ

「賢威デフォルトの色コード」の数値を変更します。

変更を適用して、カスタマイズ完了です。

サーバーによってはキャッシュが働いてすぐには適用されないかもしれません。

記事の更新、再読み込みをすることでCSSのカスタマイズが適用されます。

賢威6.1 サイドバー「最近の投稿」の反転リンク色を変更する方法でした。

Pocket

WordPressテーマ「CUBEY (tcd023)」 
 

Sponsored Link

WordPressテーマ「BlogPress (TCD010)」

コメントを残す

このページの先頭へ