Twenty FourteenのFeaturedコンテンツのCSSの書き換え

Twenty FourteenのFeaturedコンテンツのCSSの書き換えに関するメモ。

Twenty FourteenのFeaturedコンテンツのCSS書き換えに関する記述は以下の通り。

従来表示されるサイズは、max-widthに自動だったのだが、インデクスページのサムネイルを高さ125pxになるようにCSSを書き換えているので、ここで表示されるサムネイルも125pxで表示されるようになった。

デフォルトでは以下のように表示される。余白などがあるので調製する。

2014-featured1

これらのCSSのデフォルトは以下の通り。

何カ所か書き換える。

サムネイルの余白の背景に入る斜線のimageを削除。背景色を黒に指定。

サムネイル表示スペースの高さをピクセルに固定。数値を変更すると高さを任意のものに変更できる。

サムネイルの高さをピクセルに固定。max-heightの項を追加。数値を変更すると高さを任意のものに変更できる。

記事タイトル表示行を3行に拡張

書き換え後の表示は以下の通り

2014-featured2