Неподатливый css?

Question

[Osmomisl]

Привет, помогите вытянуть форму на странице checkout (нужно положить что-нибудь в корзину и перейти на страницу оформления заказа. Форма textarea в карточке детали, форма примечание к заказу.
Пытаюсь ее вытянуть вниз на 76px. Прописываю в style.ccs
.order_comments {
padding-bottom: 76px;
}

Ничего не происходит. Уже намучился с ней =(
shtrix-code.ru

Comments

[Виталий Инчин ☢]

А...может быть, ссылку дадите? Нет? Жаль...

[Osmomisl]

добавил ссылку, простите.

Answer 1

[MonsterMan]

Зачем вы прописываете стиль для класса order_comments, если у вас order_comments это name, а класс у вас «input-text »?

Comments

[Osmomisl]

Счел, что ID также как классу можно обратится. Как в таком случае грамотней локализовать css только для конкретного input-text, т.к. в соседних формах он также используется?

[MonsterMan]

Osmomisl: Если хотели обратиться к ID, так обращались бы к ID — «#order_comments». Всё зависит от привычек конкретного человека, кто-то пойдёт от ID, кто-то любит CSS-селекторы дочерних элементов, вроде «#order_comments_field textarea», кто-то просто пропишет инлайн. Но надо понимать, что если речь идёт о положении элемента, лучше обратиться к margin.
Возможно есть какой-то конфликт (вижу инлайн есть код, а элемент не двинулся) у вас в коде, но тут нам нужна ссылка.

[Osmomisl]

MonsterMan: ссылку добавил в вопрос shtrix-code.ru

[Сергей delphinpro]

Osmomisl: селектор ИД - решетка #order_coments )

[Сергей delphinpro]

но лучше добавить второй класс input-text--comments и его стилизовать

[Osmomisl]

MonsterMan: спасибо, вопрос решен!

[MonsterMan]

Osmomisl: Высотой textarea управляет параметр rows="количество строк цифрой" — количество видимых строк. Если нет желания угадывать высоту в строках, можно задать и css — height: 500px; вместо 500, естественно сколько надо. Большой padding для поля textarea сделает некрасиво при заполнении пользователем.