Woocommerce中的迷你购物车按钮是错误的？

Question

My site完美地工作到昨天，在更新了一些插件后，我的Mini Cart下拉按钮开始显示出奇怪和错误的分配。

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

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。那么如何像每个普通按钮一样显示内联按钮内容？

Answer 1

所以对事物

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;
}

此样式会影响该按钮内的跨度。因为他们有一个display: block，它会打破你的按钮

  

FIX

添加下一个代码：

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

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

  

FIX

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

  

结束结果

希望这会有所帮助：＆gt;