• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено Оформление заказа

Здравствуйте!
Возник такой вопрос, страница "оформления заказа" в виде таблицы. Не могу увеличить столбец "Итого", что бы "Доставка" была в одну или хотя бы в две строчки.
(пунктиром обозначена примерная величина столбца)
Подскажите пожалуйста.
Оф заказа.JPG
 
Ссылка на проблему
https://studiodomstyle.ru/checkout/

andrianoz

Форумчанин
Код:
.woocommerce table.shop_table tfoot th {

    background: transparent;
    width: 100%;
    text-align: left;

}
.woocommerce .checkout-wrapper table.shop_table tfoot .cart-subtotal th, .woocommerce .checkout-wrapper table.shop_table tfoot .cart-subtotal td span.amount {

    color: rgba(0,0,0,0.6);
    padding-right: 250px;
    text-align-last: left;

}
.woocommerce table.shop_table th.product-name, .woocommerce table.shop_table td.product-name {

    text-align: left;

}
 

Stalevar

Форумчанин
Код:
.woocommerce table.shop_table tfoot th {

    background: transparent;
    width: 100%;
    text-align: left;

}
.woocommerce .checkout-wrapper table.shop_table tfoot .cart-subtotal th, .woocommerce .checkout-wrapper table.shop_table tfoot .cart-subtotal td span.amount {

    color: rgba(0,0,0,0.6);
    padding-right: 250px;
    text-align-last: left;

}
.woocommerce table.shop_table th.product-name, .woocommerce table.shop_table td.product-name {

    text-align: left;

}
На телефоне не очень, выбор способа доставки вправо уехал.
 

Stalevar

Форумчанин
Я так долго разбираться буду :)
Сделал пока вот так:

CSS:
.woocommerce table.shop_table tbody:first-child tr:first-child td {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
    }
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total td {
  padding-right: 10px;
  padding-left: 10px;
    }
.woocommerce table.shop_table tbody:first-child tr:first-child td {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
    }
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total td {
  padding-right: 10px;
  padding-left: 10px;
}
.woocommerce ul#shipping_method {
    width: 22vmax;
    margin: auto;
}
.cart-subtotal{
    display: none;
    }
 
Сверху Снизу