Наложение Woocommerse мини-карты виджета при наведении курсора

Question

Все

Я новичок в WordPress (работаю на локальном хосте). Я хочу изменить цвет наведения на кнопку виджета мини-корзины WooCommerce.

Я написал следующий код:

.widget_shopping_cart .button {
  margin:0.5em 0 0;
  width:100%;
  background: white !important;
}
.widget_shopping_cart .button:hover {
  width:100%;
  background: white !important;
}

Это работает, хотя, когда я наведите курсор на кнопку (background color set to white), хотя я получаю серое наложение сверху (независимо от моего выбранного цвета фона наведения). Это полностью меня беспокоит, так как разрушает выбранный цвет, делая его более грязным (темнее) Как я могу избавиться от этого? Я использую плоскую тему.

Answer 1

.widget_shopping_cart .button:hover {
  width:100%;
  background: white !important;
  box-shadow: none !important;
}

установите свойство box-shadow для css в none, и все хорошо