Помогите изменить ширину поля Текст в Опциях Товара. Чтобы на странице Товара Текстовое поле Опции стало шире. Спасибо!
Все просто. Запускаешь FireFox с установленным FireBug https://getfirebug.com/ Заходишь на страницу на которой планируешь изменения. Курсор к проблемному месту, правой кнопкой на нем, и выбираешь "Исследовать элемент с помощью FireBug" В открывшемся окошке выбирай вкладку HTML, и в коде слева находишь тег интересующий тебя, а в правом соответствующие ему стили, с указанием файла и номера строки. После правишь файлик стилей, обновляешься, смотришь.
Сделал как Вы предложили: nput[type='text'], input[type='password'], textarea { background: #F8F8F8; color: #005dad; border: 1px solid #d0e3ee; padding: 3px; margin-left: 0px; margin-right: 0px; Но в этом коде нет длины текстового поля....(( --- добавлено: Feb 14, 2013 7:30 PM --- Все ок! Разобрался. добавил: width: 200px;
Поспешил я с выводами... Ввод в код параметра width: 200px; увеличивает все поля, в т.ч. поле ввода к-ва товара, а мне нужны поля только те которые указал на картинке
Возможны 2 варианта действий. 1. Найти (или вставить) контейнер в котором находятся эти поля. Например: <div class="option1"><input type="text" value=""></div> Если это так - то в css добавить .option1 input[type='text']{ width: 200px; } Эта запись затронет только инпуты находящиеся в контейнере с классом "option1". 2. В html-коде шаблона, который скорее всего находится в catalog/view/theme/Ваша тема/template/product/product.tpl найти место, где формируются каждый из инпутов которые нужно изменить. Добавить к каждому css-класс, например: <input type="text" value="" class="width200">. После в css-файле добавить: .width200{ width: 200px; } Названия классов должны быть понятны.
