Css Woocommerce中的迷你购物车按钮被错配了？

直到昨天，当更新了一些插件后，我的迷你购物车下拉按钮开始显示出奇怪和错误

更新插件之前，按钮具有以下样式：

background-color: #070bf7;
padding: 10.5px;
border-radius: 15px;
color: #ffffff !important;

目前有以下CSS类：

a.festi-cart div.festi-cart-content
{
display: inline-block;
font-style: normal;
text-align: left;
}

所以，在按钮中显示内容，比如产品数量和价格，一个显示在另一个下面，而不是从左侧显示内联的按钮Muj Ucet。那么，如何像普通按钮一样在线显示按钮内容呢

1） 内联对齐 在style.css第1077行中有下一个样式

.sf-menu li a span {
  font-size: 12px;
  font-family: tahoma;
  font-weight: normal;
  text-transform: none;
  display: block;
  color: rgba(167, 167, 167, 0.9);
  margin: 10px 0 0 0;
}

此样式会影响该按钮内的跨距。而且因为他们有一个

显示：block

，它会打断你的按钮

修理

添加下一个代码：

.sf-menu li a span {
  display: inline !important;
}

2） 你的按钮样式。我不知道它们发生了什么，但你可以再添加一次。可能是插件更改导致的类，在更新中丢失了样式

修理

最终结果

希望这有帮助：>

.festi-cart-content {
  background-color: #070bf7;
  padding: 3px 10px;
  border-radius: 15px;
  color: #ffffff !important;
}