【Slider Revolution】テンプレートの背景色が変更できないときにチェックするところ

Slider Revolutionには豊富なテンプレートがあり、インストールして自分流にアレンジするのが楽しいですよね！

しかし、設定箇所が多くありすぎてどこをどう設定すればいいのか分からないことが沢山出てきます。

今日はテンプレート編集中に起きたことです。

Slider Revolutionのテンプレート編集中に起きたこと

背景画像を設定する方法は前回の記事で紹介しました。

【Slider Revolutionの使い方】背景画像を変更する方法

今回もその方法で背景画像を設定したのですが、設定した背景画像は透明部分があるpng画像です。

透明部分はもちろん白色になると考えていましたが…

これはこれで秋らしいけど、見にくい…。
[/imgfuki]

もちろん、このページの背景色を赤色に設定した記憶はありません。

つまり、Slider Revolutionには他にも背景色を設定する箇所があるということです。

Slider Revolutionの背景色を変更する方法

さっそく変更していきましょう！

1. 編集画面の歯車アイコンをクリック

2.Layoutをクリック

3.下にスクロールし、Module BackgroundのBG Colorをクリックして任意の色に設定します。

 

Clear Colorで透明にも設定できます。

変更はこれで終了です！

ステップ3の「Module Background」の設定項目が下のほうにあり、発見がしずらいので注意です。

余談：設定箇所が分からず色を変えようと試行錯誤した話

ちなみに、

「透明画像を使わなくても最初から色付きの画像を設定すればいいだけなのでは？」

と思った方。もちろんやりました。

しかし、問題は確認中におきました。

ぜひこの動画を見てください。

お判りいただけたでしょうか？

一瞬色が赤くなったのが。

モジュールの背景色が赤色になっていると、スクロール時に一瞬だけ赤色が表示されてしまいます。

と言うことで、Slider Revolutionのテンプレートで背景色を変更したい場合は、今回の設定個所を確認してみてください。

ここまで読んでいただきありがとうございました！