Woocommerce/Wordpress: 改变页面颜色-number.current

Question

我正在尝试更改我的 woocommerce 网站上当前页码的颜色。该网站使用的是 Astra 主题（免费版）和 elementor（免费版），但我似乎无法弄清楚如何使用附加 CSS 选项更改颜色。

我想将页面的颜色-number.current 更改为白色 (#ffffff) 并将悬停颜色也更改为白色。我还必须将 prev.page-numbers 和 next.page-numbers 的悬停颜色也更改为白色。

出于某种原因，这些是唯一不适应网站全局颜色的按钮。我知道我必须更改哪种全局颜色，但这会影响我网站上的所有颜色 - 这就是我寻求帮助的原因。

Answer 1

您可以在 CSS 代码中使用正文 > 页面 ID。

这是示例代码。

body.page-id-15{背景颜色:#eee;}

如果有帮助请告诉我！

Answer 2

感谢您的帮助！

我最终将以下代码添加到额外的 CSS 选项中：

/* Woocommerce current page number color to white*/
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: var(--ast-global-color-6);
}

/* Woocommerce page numbers hover color */
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--ast-global-color-0);
    color: var(--ast-global-color-6);
}

Woocommerce/Wordpress: 改变页面颜色-number.current

Woocommerce/Wordpress: Change color of page-number.current

css

wordpress

woocommerce