Центр Flipclock и измените текст на белый

Question

У меня есть 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> 

Но часы упрямо остаются слева.

Спасибо за любой совет

Answer 1

текста Изменение заголовка в белый (под редакцией):

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

Класс .center-block от Bootstrap применяется margin: 0 auto; и вы перезапись, что с style="margin:2em;". Удалите этот стиль, и часы должны располагаться соответственно. Возможно, вам нужно будет установить явное width на часах. FlipClock's website использует значение по умолчанию 460px:

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

Answer 2

Там есть довольно продвинутое решение здесь! Это позволит вам изменить все цвета и тени в дополнение к размеру.

resizing flipclock.js not resizing as expected