Темизация поиска в теме Zen

29.11.2014

Здравствуйте! Помогите предопределить стили для блока поиск в классической теме Zen. Пока единственное, что я сообразил - в style.css прописать стиль для селектора form. Но это не очень хорошее решение, так как влияет на все формы. Подскажите, пожалуйста, кто работал с этой темой, как там обозвали класс для поиска или как добавить свой.

-->
Узнавай о новых статьях сайта - первым. Просто подпишись на рассылку.

Комментарии (6)

Profile picture for user pantey
pantey
29.11.2014
.block.block-search input[type='textfield']{

}

.block.block-search input[type='submit']{

}
Profile picture for user 1541
Серый
30.11.2014

Спасибо! Работает! Только в первой строке type="text", насколько я понимаю. Правда есть некоторые проблемы. Попробую сначала самостоятельно разобраться, потом отпишусь.
P.S. Очень интересный дизайн у вашего сайта. Некоторые вещи хочется взять на вооружение, правда не до конца ясно, как они реализованы.

Profile picture for user 1541
Серый
30.11.2014

Спасибо! А не могли бы вы меня просветить в конструкции строки. Что разделяют точки?

Profile picture for user pantey
pantey
30.11.2014

вам бы сначала с CSS познакомиться....

Profile picture for user 1541
Серый
01.12.2014

Я очень старался самостоятельно разобраться, но боюсь без вашей помощи мне не справиться.
скриншот
Предложенный вами вариант работает, однако при открытии страницы поиска в регионе контента появляется еще один блок поиска с более длинным полем ввода (у вас на сайте похожая страница поиска) и как можно увидеть на картинке примененные для поиска стили к нему не применяются.
И второе. Я наверное не до конца понимаю как работает свойство float. Определив для кнопки и текстового поля значения float:right - кнопка и поле поменялись местами. Почему так произошло и как лучше всего поправить?

Profile picture for user 1541
Серый
01.12.2014

http://prntscr.com/5by7zg
ссылка на скриншот