@zx5zx6

Как убрать или изменить стиль стрелки в выпадающей корзине WordPress/WooCommerce/Astra?

В теме Astra для интернет магазина есть виджет с выпадающей корзиной в хедере.
При наведении на пункт меню корзины, выпадает прямоугольное окно и появляется стрелка в верхней части этого окна.

Я переписываю часть стилей, включая меню и хедер, и вот всё никак не могу добраться до этой стрелки и отловить её инструментами разработчика.

Цель - либо вовсе убрать её, либо изменить цвет.

6006fac80c2ca399535407.png
6006fad0b7cdb457110205.png
  • Вопрос задан
  • 39 просмотров
Решения вопроса 1
@zx5zx6 Автор вопроса
Нашел решение.
Понимаю, что проблема не самя распространённая, но всё же.

Если вы используете Wordpress+Woocommerce и установили себе тему Astra, тогда подобная стрелка у вас, вероятнее всего будет иметь следующий набор стилей:
.ast-site-header-cart .widget_shopping_cart:before, .woocommerce .ast-site-header-cart .widget_shopping_cart:before


Просто пропишите к ним:
  • display: none; - если хотите убрать стрелку
  • border-bottom-color; - если хотите изменить цвет стрелки
  • border-width: 7px;margin-left: -3px;right: 7px; - если хотите изменить толщину стрелки до 1px
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы