Как установить «цену» для выравнивания по центру в Woocommerce?

Question

Я пытаюсь центрировать сумму цены в моих продуктах, связанных с Woocommerce. Я могу центрировать название продукта, но не цену. Как я могу это исправить?

Я пробовал разные комбинации кодов (разделенных '//'), но ни одна из них не работает.

.woocommerce .products .product .price
{text-align:center}

//

.fusion-price-rating{
    justify-content: flex-end;
}

//

.price {
    display: block;
    width: 100%;
    text-align: right;
}

Answer 1

Пожалуйста, добавьте text-align: center, как показано ниже

.product .entry-summary .price {
  display: inline-block;
  margin-top: 10px;
  text-align: center; // Added
}