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

Question

我的 Flipclock 在我的网站上运行良好，但我需要将 "days: Hourrs: Minutes:" 文本更改为白色，但找不到 css 到 add/amend[=11= 的内容]

另外（我使用的是 bootstrap3）我无法让 Flipclock 居中 div。我目前有以下代码：

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

但时钟固执地留在左边。

感谢任何建议

Answer 1

将 header 文本更改为白色（已编辑）：

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

Class 来自 Bootstrap 的 .center-block 应用 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

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

Center Flipclock and change text to white

css

flipclock