画像をマウスオーバーするとキャプションを表示させさらに画像をぼかしす
通常のスライダー
キャプションの色を反転
<style type="text/css">
.cc-m-gallery-slider .bx-wrapper .bx-caption{
background:rgba(255,255,255,0.8);
}
/* 文字の色を変えるなら以下も必要 */
.cc-m-gallery-slider .bx-wrapper .bx-caption span{
color:#333 !important; /* 文字の色(グレー) */
}
</style>
白だけでなく、どんな色にも変更させることが出来ます。
通常のスライダー
background:rgba(255,0,0,0.8);
キャプションの色を反転
background:rgba(0,0,255,0.8);
Jimdoの有料バージョンをお使いの方は
『設定』>『ヘッダー部分を編集』の項目で「個別ページまたはブログ記事」を選べば、特定のページだけにこの効果を適用させることが出来ます。
▼ タグの貼り付け方はここ マウスを当てると画像が開きます。
この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。