ヘッダーアイキャッチ上の文字を見やすくする為に背景色をプラスする。

背景色をプラス

ヘッダーアイキャッチ上の文字が見にくい

画像の色合いによっては、文字が読みづらくて気になる。

文字色を変更するって手もあるでしょうけど、あまりオシャレじゃないし。

で、文字下に背景色を追加して、なおかつ透過させて

画像の邪魔にもならないように。

背景色をプラス

カスタマイズ方法

いじるファイルは子テーマの「style.css(スタイルシート)」のみ。

sango-theme-child
├functions.php
style.css

以下を追記してアップロード。

背景色は、適宜調整してくださいませ。

style.css
#header-image {
padding: 10%;
}
.header-image__text {
padding:0.5em !important;
background: #2323237d;/*背景を透過*/
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です