Twenty TwelveのhタグのCSSを編集

前から気になってたけど、よく見るアレはCSSを編集しないとできなかったのか。

参考サイト

ただしTwenty Twelveでは編集する場所が違う。


.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.846153846;
    margin-bottom: 1em;
    padding: 5px 10px;
    border-bottom: solid 1px #C0C0C0;
    border-left: solid 10px #C0C0C0;
}
.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.846153846;
    margin-bottom: 1em;
    padding: 2px 5px;
    border-bottom: solid 1px #C0C0C0;
    border-left: solid 5px #C0C0C0;
}

h3はこんな感じ

h4はこんな感じ

.entry-contentではなく.comment-contentで反応するのが納得いかない。