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

Question

[zx5zx6]

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

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

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

Comments

[Владислав Черненко]

и чем мы поможем без кода? мб хоть ссылку на сайт?

Answer 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