スライダーのキャプション背景の色を変える

画像をマウスオーバーするとキャプションを表示させさらに画像をぼかしす

通常のスライダー

キャプションの色を反転


<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の有料バージョンをお使いの方は

『設定』>『ヘッダー部分を編集』の項目で「個別ページまたはブログ記事」を選べば、特定のページだけにこの効果を適用させることが出来ます。

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。


株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422