QCSSを設定してデザインをグラデーションにする方法

A
 

1.設定方法

(1) 管理画面右上の設定ボタンをクリックします。

 

(2)「チャット」>「デザイン」>「独自CSS」をクリックします。

 

(3)「独自CSSを入力」欄に任意のコードを入力し、「更新」ボタンをクリックします。

※コードを追加するときは、既に書いてあるコードを消さずに追記します。

 

2.記述例

2-1.枠色

※カラーコードを変更することで、表示される色を変更できます。

/*枠色*/
#chatplusview #outline #chatpluscontent #chatplusheader {
background-image:linear-gradient(90deg, #47247D, #8B2686)
}

 

2-2.ボタン色

 

/*ボタン色*/
#chatplusview .btn {
background-image:linear-gradient(90deg, #47247D, #8B2686)
}

 

2-3.選択肢色

 

/*選択肢色*/
#chatplusview ul.chat-ques li label {
   display: block;
background-image:linear-gradient(90deg, #47247D, #8B2686)
}

/*選択肢選択後色*/
#chatplusview ul.chat-ques li input[type=radio]:checked+label {
background-image:linear-gradient(90deg, #47247D, #8B2686)
}

 

3.設定後の表示イメージ

このQ&Aは役に立ちましたか