Как передвинуть цену товара под краткое описание товара (WooCommerce), тема My Theme Child?

Question

[Ferrero2719]

Подскажите пожалуйста, у каждого товара цена находится сбоку, как её можно передвинуть под краткое описание к примеру



Сайт: https://xn--56-6kclfx1bwu.xn--p1ai/chastotnye-preo...

Answer 1

[Михаил Р.]

Изменил лишь порядок, и выравнивание цены. Отступы не убирал, т.к. не известно, может так задумано...
Вложенность селекторов умышленно длинная, чтобы перебить специфичностью остальных селекторов, не используя important.

.woocommerce.single-product .product .summary.entry-summary {
    display: grid;
}

.woocommerce.single-product .product .woocommerce-product-details__short-description {
    order: 1;
}

.woocommerce.single-product .product .summary.entry-summary .price {
    order: 2;
    float: none;
}

.woocommerce.single-product .product form.cart {
    order: 3;
}

.woocommerce.single-product .product .product_meta {
    order: 4;
}

Изменение css wp, через дочернюю тему:
1. Войдите в админ-панель WordPress и перейдите в раздел "Внешний вид" -> "Редактор тем".
2. Выберите дочернюю тему My Theme Child и откройте файл style.css.
3. Внесите нужные изменения в файле style.css и сохраните изменения.

Comments

[Ferrero2719]

Спасибо Вам большое, очень помогли:)

[Ferrero2719]

Единственное только теперь отображается кнопка "Изменить" над кратким описанием

[Михаил Р.]

Ferrero2719, по идее, у Вас отображается эта кнопка, т.к. Вы авторизованы в WP. Я такую кнопку не наблюдаю, соответственно узнать ее селекторы и изменить ее порядок не могу.