2016-07-07 11 views
1

Flipclockは自分のウェブサイトで正常に動作していますが、「Days:Hourrs:Minutes:」テキストを白に変更する必要がありますが、追加/修正するCSSは見つかりません。センターフリップクロックとテキストを白に変更する

(私はbootstrap3を使用しています)できることです、Flipclockをdivの中央に置くことはできません。私は現在次のコードを持っています:

<div class="col-md-12 text-center"> 
<div class="clock center-block" style="margin:2em;" align="center"></div> 

しかし時計は頑固に左にとどまります。白(編集済み)へのアドバイス

答えて

1

変更ヘッダーテキスト用

ありがとう:

.flip-clock-wrapper .flip-clock-divider .flip-clock-label { 
    color: #FFF; 
} 

クラス.center-blockブートストラップからはmargin: 0 auto;適用され、あなたがstyle="margin:2em;"ていることを上書きしています。そのスタイルを削除すると、時計は適切に中央に表示されます。クロックに明示的にwidthを設定する必要があります。

.flip-clock-wrapper .clock { 
    width: 460px; 
    height: 116px; 
    margin: 0 auto; 
} 
+0

、あなたの問題のJSFiddle例を提供することはできますか? –

+0

問題をフィドルに分けることができればよいでしょう。 –

+0

まあ、センタリングがうまくいったようです。私はフィドルをフォークし、いくつかの変更を加えました:https://jsfiddle.net/da9ptksw/1/。 FlipClockのWebサイトが使用していた '.header'クラスの代わりに、' .flip-clock-wrapper'クラスを考慮に入れて私の答えを少し上に編集しました。 –

関連する問題