Luxeritas：cssカスタマイズ

2019年2月23日

記事一覧ページの記事タイトル文字ホバー色の変更

[code lang=”python” title=””]
.entry-title a:hover {
color: #55acee;
}
[/code]

ページネーションの背景色
[code lang=”python” title=””]
.pagination>.active>span, .pagination>li>a:hover{
background-color: #55acee;
}
[/code]

記事一覧ページの、カテゴリーの前についているアイコンを消す

[code lang=”python” title=””]
#list .fa-folder {
display:none;
}

[/code]

記事一覧ページの、カテゴリーデザインの変更

[code lang=”python” title=””]
#list span.category {
color: #fff;
}

#list span.category a{
color:#fff;
font-weight: bold;
text-decoration: none;
background: #55acee;
display:inline-block;
padding:3px 6px 3px 6px;
margin:2px 0 2px 0;
border-radius: 3px;
}
[/code]

　
このままでは2つ以上カテゴリーがある場合に、間にカンマ「 ,」が入ってしまうので、meta.php、154行目の「a href～」の前にあるカンマ「 ,」を消します。
[code lang=”python” title=”meta.php”]

$category .= ‘ <a href="’ . get_category_link( $value->cat_ID ) . ‘">’ . esc_html( $value->cat_name ) . ‘</a>’;

[/code]

この様な感じとなります。