TwentyFourteen のサムネイルの背景色を変更する

【サムネイルの背景色を変更】

style.cssを修正する。
既存のCSSに追記ではなく変更するので、子テーマのStyle.cssではなく、Twenty Fourteenのstyle.cssを書き直す。

6.1 – Post Thumbnailの部分。

[php]
* 6.1 – Post Thumbnail

.post-thumbnail {
background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
display: block;
position: relative;
width: 100%;
z-index: 0;
}
[/php]

これのbackground: #b2b2b2 の色を変更すると、通常表示時の背景色を変更できる。(#b2b2b2はデフォルト色)

thumbnail-color


また、同じ、CSSの項の以下の色を変更するとマウスなどをオーバーレイしたときの色を変更できる。

[php]
a.post-thumbnail:hover {
background-color: #999;
}
[/php]

以下の画像では、色を#bb3333に変更している。

thumbnail-color-overlay

記事の共有: