Как выровнять страницу продукта в WordPress?

Question

Я создаю веб-сайт с WordPress и хотел центрировать элементы на этой странице: https://www.web -demo-site.eu / trgovina / trepalnice-004-c /

Я пробовал такие вещи, как:

• поле: авто! Важно;
• все виды выравниваний: по центру! Важно;

Но ничего не кажетсяработать.В настоящее время у меня есть:

#content div.product.type-product{
    margin-left: 20%;
}

, который работает, но не правильно, поскольку он не выровнен хорошо на всех устройствах.Есть ли способ выровнять контент на странице продукта от Woocommerce?

Answer 1

Один из способов архивации:

1. Удаление margin-left из #content div.product.type-product.
2. Добавление display: flex и justify-content: center в .single-product .woocommerce-container.

Другим способом является удаление float и добавление margin: 0 auto к .single-product .woocommerce-container #content

---

Решение 1 :

.single-product .woocommerce-container {
    display: flex;
    justify-content: center;
}

Решение 2 :

.single-product .woocommerce-container #content {
    float: none;
    margin: 0 auto;
}

Вы можете добавить CSS в настройщик или CSS вашей дочерней темы.