2017-06-02 10 views
1

Slickを使用してGithubページにカルーセルを追加していますが、矢印の色の設定に問題があります。デフォルトでは、矢印は白であり、私の背景が白であることから、私は私だけyellow arrowを得るGithubページでSlickを使用して矢印の色を変更してください

.slick-prev:before, 
 
    .slick-next:before { 
 
     color: yellow; 
 
    }

によって矢印が見えると黄色のようにしよう、しかし、私は期待するyellow circleでありますそれに白い矢印があります。

どこが間違っているのか分かりません。本当に助けに感謝します。

+0

試みを支援'.slick-prev :: before、.slick-next :: before {color:red!important;}で強制的に使用してください。 } ' – PiLHA

+0

あなたはあなたの色を白く、あなたの背景色は黄色にしたい(私は思う) – Pete

+0

「slick」フォントファミリがロードされていないか、ある時点で壊れているように見える。あなたが見ているのは、「すっきりした」フォントファミリを読み込めない場合の代替手段です。こちらをご覧ください:https://jsfiddle.net/51h1y90p/。上のスライダでは、フォントファミリのルールが壊れていて、奇数の矢印が表示されますが、下のものでは黄色の同じルールでうまくいきます。 javascriptやネットワークコンソールで404エラーが発生していますか? –

答えて

0

編集:私はちょうど上記のフィドルを見ました。あなたはinitial!importantfont-familyを設定し、color:yellow;を追加する場合は、あなたの黄色の背景には動作します:

.slick-prev:before, 
.slick-next:before { 
    font-family:initial!important; 
    color:yellow; 
} 

(またはあなたが黄色variantを選ぶことができし)

my fiddle

希望これはに

+0

..新しいフォントをインストールする必要はありません。 –

+0

ありがとうレイチェル、フォントを削除してCSSファミリのフォントファミリを追加すると、黄色い矢印が1つだけ表示され、エラーメッセージが表示されます私のフォントがありません。あなたのフィドルでフォントファミリを削除すれば、結果は同じになります。 – yinkouya

+0

ポイントはUSEフォントファミリーのイニシャルに...それは滑らかなフォントに戻ります!!一口.. –

関連する問題