#css #wordpress #woocommerce
Вопрос:
Я пытаюсь изменить цвет текущего номера страницы на моем сайте woocommerce. Сайт использует тему Astra (бесплатная версия) и elementor (бесплатно), но я не могу понять, как изменить цвет с помощью дополнительной опции CSS.
Я хочу изменить цвет номера страницы.current на белый (#ffffff) И также изменить цвет наведения на белый. Мне также пришлось бы изменить цвет при наведении курсора на номера предыдущих страниц И номера следующих страниц на белый.
По какой-то причине это единственные кнопки, которые не адаптируются к глобальным цветам веб-сайта. Я знаю, какой глобальный цвет мне придется изменить, но это повлияет на все цвета на моем сайте — вот почему я ищу помощи.
Ответ №1:
Вы можете использовать тело gt; Идентификатор страницы в коде CSS.
Вот пример кода.
body.page-id-15{цвет фона:#eee;}
Дайте мне знать, если это поможет!
Комментарии:
1. Спасибо за помощь! Я добавил код, который в итоге использовал в качестве ответа на свой вопрос.
Ответ №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); }