如何将当天的第一个字母大写+左边的轮廓

Question

目前我正在 Wordpress (https://wordpress.org/plugins/wp-opening-hours/ ) 上使用开放时间插件，我对简码有疑问。仅供参考：我正在使用 Wordpress 和 Elementor。

目前可以在我的网站上看到以下内容（文字为荷兰语）：https://imgur.com/a/95pauul

已使用以下代码：

[op-overview set_id=".."  show_closed_days="true" show_description="false" highlight="day" compress="true" include_io="true" include_holidays="true" template="list" caption_closed="Gesloten" style="color:#ffffff;"]

我想将当天的第一个字母大写，并在左侧勾勒出营业时间（数字），以便与日期保持一致。但是，我不知道如何编写代码，尽管这似乎是一项非常容易的任务。有人能帮我吗？提前谢谢你。

Answer 1

编辑：这是他网站上由插件输出的HTML：

<dl class="op-list op-list-overview">
    <dt class="op-cell op-cell-heading highlighted">maandag – vrijdag</dt>
    <dd class="op-cell op-cell-periods highlighted"><span class="op-period-time ">08:00 – 17:30</span></dd>
    <dt class="op-cell op-cell-heading ">zaterdag</dt>
    <dd class="op-cell op-cell-periods "><span class="op-period-time ">08:30 – 12:00</span></dd>
    <dt class="op-cell op-cell-heading ">zondag</dt>
    <dd class="op-cell op-cell-periods "><span class="op-closed">Gesloten</span></dd>
</dl>

这里是自定义 css 来完成更改：

.op-list-overview .op-cell.op-cell-heading {
    text-transform: capitalize; /*Capitalizes the first letter of every word in the heading cell with the days in it.*/
}
.op-list-overview .op-cell.op-cell-periods {
    margin-left:  0; /*Clears the left margin on the hours*/
    margin-bottom: 5px; /*for space beneath the hours*/
}

没有看到你的网站，我无法判断这些是否有效。

要向 WordPress 添加自定义 CSS，请登录仪表板，然后在左侧菜单中单击“外观”，然后单击“自定义”。在定制器中，左侧底部的选项应该是“Additional CSS”。这将为您提供一个文本框，您可以在其中添加我上面提供的 CSS 之类的代码。请小心添加您不认识的人（例如我）不理解的代码。如果需要，google 我的代码中的一些内容可确保您知道它是什么以及它在做什么。

如何将当天的第一个字母大写+左边的轮廓

How to capitalize the first letter of the day + outline to the left

css

wordpress

elementor