お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマCANON:トップページのコンテンツビルダーのキャッチフレーズを装飾する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップページコンテンツビルダーの各キャッチフレーズをもう少し目立たせたいです。

CSSだけでできる装飾をご紹介します。お使いのフォントやテキスト内容によって検討してみてください。

A.下記の方法をお試しください。

TCDテーマ>基本設定のカスタムCSSに入力してください。

・最初の文字だけ大きく

英文と相性がいいように思います。

.cb_header .headline::first-letter { font-size: 150%; }

変更箇所イメージ

・斜体にして最初の文字だけ大きく

どことなくドラマチックな雰囲気になります。

.cb_header .headline::first-letter { font-size: 150%; }
.cb_header .headline { font-style: italic; }

変更箇所イメージ

・太字にして最初の文字だけ大きく

フォントをゴシックに変更しました。ポップな感じになります。

.cb_header .headline::first-letter { font-size: 150%; }
.cb_header .headline { font-weight: 800; }

変更箇所イメージ

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事