添加到购物车按钮未显示在Woocommerce

Question

我在产品档案页面中添加到购物车按钮有一个奇怪的问题。当我打开像here

这样的产品时

然后我看不到＆＃34;加入购物车＆＃34;按钮，但如果我检查调试器，我看到在代码中添加到购物车链接存在..这是选定元素的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;
}