[РЕШЕНО] Размер ячейки количества товара.

[IIAIIIKO]

Приветствую. Прошу помощи в решении проблемы: Являюсь еще тем нубом и не знаю, как изменить размер ячейки количества товара, т.к в нее не влазиет цифра и отображается только ее край. В корзине аналогичная проблема.

Заранее спасибо.

[wipper]

Ссылку на сайт кинул бы....  :cry:

[IIAIIIKO]

Ссылку на сайт кинул бы....  :cry:

smartnutrition.kz

[Serg5055]

Сталкивался с такой же проблемой, решение в моем случае было изменением параметров ячейки на странице продукта - в файле stylesheet.css моего шаблона:

input.quantity-text {
width: 25px;  // длина ячейки
height: 27px;  // высота ячейки
margin: 0 -3px;
padding: 0 0 1px 0;
text-align: center;
font-size: 14px;  // размер шрифта числа в ячейке
color: #414141;
border-color: #E6E6E6;
border-left: none;
border-right: none;
border-radius: 0;[hr]

В моем случае это был раздел Product page - строчки с 2084 по 2095 этого файла.

[wipper]

Приветствую. Прошу помощи в решении проблемы: Являюсь еще тем нубом и не знаю, как изменить размер ячейки количества товара, т.к в нее не влазиет цифра и отображается только ее край. В корзине аналогичная проблема.

Заранее спасибо.

Вот стили отвечающие за ширину ячейки stylesheet.css

строка 507

.w30 { width:75px!important; text-align:center; }

и 22 строка  width: 210px;

input[type='text'], input[type='password'], textarea {
background: #ffffff;
border: 1px solid #e1e2e2;
padding: 0px 10px;
margin-left: 0px;
margin-right: 0px;
color: #555;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 210px;
height: 25px;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
box-shadow: 0 0 10px #E1E0E0 inset;
-moz-box-shadow: 0 0 10px #E1E0E0 inset;
-webkit-box-shadow: 0 0 10px #E1E0E0 inset;
}

В стиле .w30 стоит !important; - приоритет стиля, width:75px!important;

Уберите или !important; или вообще удалит строку и будет вам счастье.

 

Ширину ячейки редактировать в 22 строке стиля width: 210px;