Сообщений в теме: 5

[pasha00]

Добрый день!
На странице оформления заказ стоимость доставки заезжает на итоговую стоимость (рисунок 1). Это происходит, если итоговая стоимость из 3 цифр.
Если итоговая стоимость из 4 цифр, тогда съезжают обе строки (рисунок 2).
Как это можно исправить?
(аккаунт 474607).

Прикрепленные изображения

• 
• 

[Mr.Nito]

pasha00 (20 Апрель 2019 - 12:07) писал:

Добрый день!
На странице оформления заказ стоимость доставки заезжает на итоговую стоимость (рисунок 1). Это происходит, если итоговая стоимость из 3 цифр.
Если итоговая стоимость из 4 цифр, тогда съезжают обе строки (рисунок 2).
Как это можно исправить?
(аккаунт 474607).

Здравствуйте.
В файле main.css

.formfast-cart .subtotal > div {padding: 5px;line-height: 25px;}
.formfast-cart .subtotal > div .label {text-transform: uppercase;vertical-align: middle;}
.formfast-cart .subtotal .price {float: right;font-size: 18px;}

замените на

.formfast-cart .subtotal > div {padding: 5px;line-height: 25px;display: flex;}
.formfast-cart .subtotal > div .label {text-transform: uppercase;vertical-align: middle;}
.formfast-cart .subtotal .price {float: right;font-size: 18px;min-width: 125px;flex-grow: 1;text-align: right;}

[pasha00]

Спасибо!
Только сейчас между словами "Стоимость доставки" большой междустрочный интервал получился (см.рисунок). Можно его сделать поменьше?

Прикрепленные изображения

• 

[Mr.Nito]

pasha00 (21 Апрель 2019 - 14:40) писал:

Спасибо!
Только сейчас между словами "Стоимость доставки" большой междустрочный интервал получился (см.рисунок). Можно его сделать поменьше?

в этом же коде заменить

.formfast-cart .subtotal > div .label {text-transform: uppercase;vertical-align: middle;}

на

.formfast-cart .subtotal > div .label {text-transform: uppercase;vertical-align: middle;line-height: 1.2;}

[pasha00]

Теперь название строки и сумма находятся на разном уровне (см.рис.).
Видимо высоту строки для суммы надо тоже где-то поменять?

Прикрепленные изображения

• 

[Mr.Nito]

pasha00 (22 Апрель 2019 - 21:29) писал:

Теперь название строки и сумма находятся на разном уровне (см.рис.).
Видимо высоту строки для суммы надо тоже где-то поменять?

Попробуйте такой код

.formfast-cart .subtotal > div {padding: 5px;line-height: 25px;display: flex;}

заменить на

.formfast-cart .subtotal > div {padding: 5px;line-height: 25px;display: flex;align-items: center;}