TCDテーマREHUB：フリースペースのバナー画像のオーバーレイを外す方法

Q.トップページのフリースペースに設置したバナー画像のオーバーレイを外したいです。

▼変更前イメージ

A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。

.p-fp-banner__overlay {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0));
}

▼変更後イメージ

なお、オーバーレイは見出しなどのテキストの可読性を高める効果があるため、見出しを表示する場合はオーバーレイをそのまま使用することをお勧めいたします。

オーバーレイについては、以下記事もご覧ください。

Webサイトの画像の統一感を演出する「オーバーレイ」の解説 – ワードプレステーマTCD

プログラミングやデザイン用語として「オーバーレイ」という言葉があります。オーバーレイとは「重ねて貼る」という意味で、Webデザインの世界では、画像の上にさらに色や画像などを重ねて、印象を変える役割があります。