クリエイティブ・アート デザイン

色の調整はテキストで変える/見出しデザイン

2016-02-02

h1やh2やh3をオシャレな見出しにしたい/WordPressカスタマイズ
で見出しデザインのことを書きました。

決めたデザインに近づけるため試行錯誤したのに、意外に簡単な別の方法で解決できました。

遠回りしてたどり着く事もある/見出しデザイン

見出しデザイン

↓  例えばこのような色にしたい場合

見出し

h3のcssは下記で変更できます。

h3 { padding: .5em .75em; background-color: #9bcad0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

困ったぞ・・・

しかし、文字を白にすると「編集画面での文字」を白にする必要があります。

見出し

↑ 文字は、書いてあります。

白で・・・・

見出し

編集画面でみえてないので、ちょっと困る。

どうする、どうする

とっても簡単なことに気が付きました。

h3にこだわらず 編集画面で「文字の背景色」を編集画面で設定すると良い。

見出し

文字を白にして「背景色」を選択

もしもしカメよカメさんよ(見出し3)

こうすると、編集画面でも迷わない。

色の調整はテキストで変えましょう。 ↓

2無だし

解決スッキリ

試行錯誤して時間かけたわりに
「なーんだこんな事で簡単にできるんだね」ということが良くあります。

注目の記事をチェック!今すぐ読んでみませんか?

本日のおすすめ記事

1

Amazon.co.jp のKindleストアでは現在、"Kindle月替わりセール"を開催中です。 2023年9月は105冊がセール対象となっています。 もし今月読みたい本がセール中であれば、ラッキ ...

-クリエイティブ・アート, デザイン
-