[IX.]

Всем привет!

Что-то не пойму. Всё выровнял, а кнопку "в корзину" не получается выровнять.

Сайт - fabrikavolos36.ru/product-category/instrumenty



(красным обведено желаемое место кнопки "в корзину").

[Fartuna]

IX.,Попробуй в div кинуть, примерно так

Код HTML:

<div style="text-align: center;"><a rel="nofollow" href="/product-category/instrumenty/?add-to-cart=254" data-quantity="1" data-product_id="254" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart art-button">В КОРЗИНУ</a><div>

[Septik]

Для li контейнера .woocommerce ul.products li.product, .woocommerce-page ul.products li.product задать
text-align: center;

[Ems]

Как вариант:

Код:

.woocommerce ul.products li.product .button {
    left: 25%;
}

[Septik]

Ems, на адаптивке такое решение полетит вкось.

[Ems]

на адаптивке такое решение полетит вкось.

Да вроде норм.

[IX.]

Ems, работает, благодарю.

И вдогонку вопрос - при нажатии на эту кнопку ("в корзину") видна несоразмерная ей кнопка. Как узнать её класс? Проинспектировать с файербагом не получится, она ведь видна доли секунды. Или только копаться в css?

[Septik]

Ems, небольшое отклонение от центра все же есть. Для сравнения (слева ta-c, справа left: 25%:

Но выбирать ТСу, просто предложил аналогию

[live-smm]

Я честно говоря другого выхода не вижу.

[Ems]

видна несоразмерная ей кнопка

Может во время ajax-запроса, текст убирается в этот момент на кнопке. Может в этом дело.

небольшое отклонение от центра все же есть

Да, есть. За счёт белого фона и элементов без границ, не так бросается в глаза.