WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマクイックタグの見出しフォントカスタマイズ例

この記事は2016年11月23日に更新されたもので、内容が古い可能性がありますのでご注意ください。

Q.クイックタグの見出しフォントをカスタマイズ

A.下記のPHPファイルの該当箇所を編集してください

編集するファイル:style.css

(1)見出し3aの縦幅を短くしたい

paddingで調整

.post .style3a {

margin: 3em -1.04em 1.5em;
padding: 1.1em 1em 1em;
font-size: 22px;
font-weight: 400;
color: #333;
border-top: 1px solid #333;
border-bottom: 1px solid #333;

}

(2)全ての見出しフォントを太くしたい

h2,h3,h4 {font-weight:bold}

を追記

(3)見出し4aの縦線を太くしたい
border-leftでpxを大きく

.post .style4a {

margin: 2.5em 2px 1.2em;
padding: .3em 0 .3em .8em;
font-size: 20px;
font-weight: 400;
border-bottom: none;
border-left: 2px solid #333;

}
TCDテーマ一覧

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。