css - 居中 Flipclock 并将文本更改为白色

Question

我的 Flipclock 在我的网站上运行良好，但我需要将“天:小时:分钟:”文本更改为白色，但找不到要添加/修改的 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;
}