添加到购物车按钮未显示在 Woocommerce 中的产品旁边

Question

我有一个奇怪的问题，就是将“添加到购物车”按钮添加到产品档案页面。当我打开像here这样的产品时

然后我看不到“添加到购物车”按钮，但是如果我签入调试器，我会看到代码中存在添加到购物车链接。这是所选元素的 CSS 类：

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
color: #FFF;
display: block;
font-weight: 300;
margin-bottom: 0;
font-size: 16px;
}

以及来自 Inspect Element 的代码：

<a rel="nofollow" href="/digital-products/product-category/midi-
loops/construction-kits/?add-to-cart=1850" data-quantity="1" data-
product_id="1850" data-product_sku="" class="button product_type_simple 
add_to_cart_button ajax_add_to_cart">Přida do košíku</a>

有人可以帮助我，或者给我一些解决方法吗？

编辑：当我插入此 CSS 按钮时，它会显示，但在页面中浮动太大：

#layout .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
display:inherit;
}

Answer 1

试试这个：

display: inline-block;
opacity: 1;