Центрировать элемент звездного рейтинга Woocommerce в пользовательской теме Wordpress ⇐ CSS

[Anonymous]

Я успешно центрировал продукты woocommerce на своей странице с помощью css. Однако отдел звездных рейтингов отказывается центрировать все, что я с ним делаю. Я могу изменить его цвет и фон, чтобы знать, что имею в виду правильный элемент. Будем благодарны за любую помощь.

CSS:

Код: Выделить всё

#top_rated_wrapper ul.columns-4 li.product {
display:block;
width:100%;
}

#top_rated_wrapper ul.columns-4 li.product a {
text-align:center;
}

#top_rated_wrapper ul.columns-4 a {
text-align:center;
width:100%;
}

#top_rated_wrapper ul.columns-4 li.product img {
object-fit:contain;
object-position:center;
max-width:100%;
height:300px;
}

.star-rating {
float:none;
display:block;
margin-left:auto;
margin-right:auto;
}

Последняя ссылка на класс (.star-rating) не позволяет центрировать элемент. «#top_rated_wrapper» — это просто моя собственная оболочка содержимого woocommerce. Я также попробовал простое выравнивание текста: по центру.


Подробнее здесь: https://stackoverflow.com/questions/492 ... stom-theme