TwentyFourteen のサムネイルを透過表示させる

【サムネイルを透過表示させる】

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

6.2 Entry Headerの部分。

[php]
* 6.2 Entry Header

.site-content .has-post-thumbnail .entry-header {
padding-top: 24px;
}
[/php]

これに、以下の文を追加する。

[php]
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
[/php]

数字は、透過度。1.0あるいは100が不透過。0に近づくにつれ透明度が上がる。

thumbnail-transparent

記事の共有: