Как увеличить шрифт в форме заказа?

голоса: 0

Добрый день! Подскажите, как увеличить шрифт в шаблоне "Вид товара в корзине". От клиентов узнал, что людям в возрасте плохо видно, что куда вписывать. Сейчас там такое:

<li id="basket-item-$ID$" style="background: url($SMALL$) no-repeat 0 2px; background-size: auto 100%;">
 <div class="with-clear">
 <a class="sb-func remove" title="Удалить товар" onclick="return removeBasket('$ID$')" href="javascript://" rel="nofollow"></a>
 <div class="sb-name">$NAME$<?if($OPTIONS$)?><br><small>$OPTIONS$</small><?endif?></div>
 <div class="sb-cost">$COUNT$ x $PRICE$</div>
 </div>
</li>

Адрес сайта www.tokshop.net
| Автор: | Категория: Интернет-магазин

Ответов: 1

голоса: 0
 
Лучший ответ

таблица стилей 366 строчка и дальше

.cart-body {
 position: absolute;
 /* top: 72px; */
 top: 150px;
 right: -9999px;
 opacity: 0;
 background: #fff;
 border: 1px solid #d8d8d8;
 padding: 10px;
 width: 270px;
 box-sizing: border-box;
 transition: top .3s ease, opacity .3s ease;
 font-size: 15px!important;
}

 

в первом случае выделенное красным изменить с 20 на 10 во втором добавить строчку

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

В 366 строчке такого нет, с 366 до 420:

 box-sizing: border-box;
 transition: top .3s ease, opacity .3s ease;
}
#shop-basket.opened .cart-body {
 top: 72px;
 opacity: 1;
 right: 0;
}
.cart-body ul, .cart-body ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
.cart-body ul li {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: 1px solid #d8d8d8;
 position: relative;
 min-height: 50px;
 padding-left: 70px;
 padding-right: 20px;
 line-height: 18px;
}
.cart-body ul li img {
 position: absolute;
 left: 0;
 top: 0;
 width: 48px;
 border: 1px solid #d8d8d8;
}
.cart-body ul li b {
 display: inline-block;
 padding-top: 5px;
}
.cart-body ul li .pe-mi-error {
 position: absolute;
 top: 1px;
 right: 0;
 font-size: 16px;
 cursor: pointer;
 transition: all .3s ease;
}
.cart-body ul li .pe-mi-error:hover {
 color: #1a1a1a;
}
.cart-body b {
 color: #1a1a1a;
}
.order-amount {
 display: block;
 padding-bottom: 10px;
 border-bottom: 1px solid #d8d8d8;
 margin-bottom: 10px;
}

Антон Завгородний,
ну значит поиском ищите .cart-body
webanet,

Нашел .cart-body, менял и  padding: 10px; и  font-size: 15px!important; добавлял, ничего не поменялось. Нужно увеличить шрифт на странице, когда нажал кнопку купить и попал на страницу оформленя заказа.

Антон Завгородний,

В странице служебных форм в самый низ страницы перед </body> вставьте такое условие:

<?if($PAGE_ID$=='checkout')?><style>#content {font-size: 18px!important; }</style><?endif?>

Yuri_Geruk,
Спасибо! Помогло!
...