Перейти к содержанию
IIAIIIKO

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

Рекомендуемые сообщения

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

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

dc1b7f496f8a.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сталкивался с такой же проблемой, решение в моем случае было изменением параметров ячейки на странице продукта - в файле 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 этого файла.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

dc1b7f496f8a.jpg

Вот стили отвечающие за ширину ячейки 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;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.