Добавить в корзину Кнопка не отображается рядом с продуктом в Woocommerce

У меня есть одна странная проблема с кнопкой «Добавить в корзину» на странице архивов товаров. Когда я открываю какой-то продукт, как Вот

тогда я не вижу кнопку «Добавить в корзину», но если я проверяю в отладчике, я вижу, что в коде есть ссылка «добавить в корзину». Это класс 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;
}

и код от проверяющего элемента:

введите описание изображения здесь

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

0

Решение

Попробуй это:

display: inline-block;
opacity: 1;
0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector