TwentyFourteen のFeatured表示項目の調節2(タイトルの高さを変更)

【Featured表示項目のタイトルの高さを変更】
既存のCSSに追記ではなく、変更するので、子テーマのStyle.cssではなく、Twenty Fourteenのstyle.cssを書き直す。

[php]
* 9.0 Featured Content

.featured-content .entry-header {
background-color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 96px;
overflow: hidden;
padding: 24px 10px;
}
[/php]

min-heightを変更すると、タイトルの高さを変更できる。デフォルトの96pxはおよそ3行分。

1行:32px
2行:64px
3行:96px
4行:128px
5行:160px
6行:192px

24featured-title1

↓↓↓
高さを変更すると
↓↓↓

24featured-title2

記事の共有: