水平スライダー ギャラリー レイアウトにオーバーレイ カラーを追加する

水平スライダーとスクロール レイアウトのスライダーの場合、オーバーレイ カラーの組み込みのカスタマイズはありませんが、CSS オーバーライドを使用してこれを管理できます。

次の手順に従って、オーバーレイの色を追加します。

• 下記の CSS オーバーライド全体をコピーします。

<style>
#frame .slidee li {opacity: 1;}
#frame .slidee li.list-active:after {background: none;}
#frame .slidee li:after {
background: #000000d1;
display:flex;
content: "";
position: absolute;
top: 0;
width: 100%;
z-index: 9;
height: 100%;
transition: all 1s ease-out;}
</style>

• 関連するコードをコピーした後、に移動します 設定 とします。
•  外部スクリプト (2)、コードを貼り付けます セクション とします。
• ヒット Save (4) ボタンを押して、変更をスタジオに保存します。

ここで、サイトを更新して、ライブ サイトの変更を確認します。