添加到购物车按钮不显示在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;