TwentySixteenでリンク下線を消したいのでR



WordPressのテーマのTwentySixteenは、リンクで下線が出るのでR。

そこでこれを消すには、

「外観」→「テーマ編集」→「スタイルシート(style.css)」を覗くのでR。

たどると、

/**
 * 6.1 - Links
 */

a {
	color: #007acc;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #686868;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
	box-shadow: 0 1px 0 0 currentColor;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
	box-shadow: none;
}

があるので、この中の

box-shadow: 0 1px 0 0 currentColor;

を削除するのでR。

a {
	color: #007acc;
	text-decoration: none;
}

とあるのに消えないので不思議…、そこでこれを調べたのでR。

その理由は、こちらを見るのでR。


月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─


この記事をシェアできます。