Как темизировать кнопку поиска

Главные вкладки

Аватар пользователя RusBel RusBel 19 апреля 2017 в 21:14

Я начинающий. Хочу сделать интернет-магазин. Выбрал Commerce и тему Bootstrap. Сейчас уперся: на главной странице вывожу блок ПОИСК. там поле для ввода поискового запроса и кнопка. Код там такой:

<form class="form-search content-search" action="/dc2017/" method="post" id="search-block-form" accept-charset="UTF-8"><div><div>
      <h2 class="element-invisible">Search form</h2>
    <div class="input-group"><input title="Enter the terms you wish to search for." placeholder="Search" class="form-control form-text" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" /><span class="input-group-btn"><button type="submit" class="btn btn-primary"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span></button></span></div><div class="form-actions form-wrapper form-group" id="edit-actions"><button class="element-invisible btn btn-default form-submit" type="submit" id="edit-submit--17" name="op" value="Search">Search</button>
</div><input type="hidden" name="form_build_id" value="form-GUWOVTAmPJdtieg4Vn6iFnGobXyPe7dLAM11lCYWqhI" />
<input type="hidden" name="form_token" value="fRhqz3auOgWjnau22oOxDLrjmVYlR-olXtLFkUoAbNs" />
<input type="hidden" name="form_id" value="search_block_form" />
</div>
</div></form>

Как мне темизировать кнопку. \изначально она без надписи с иконкой(лупа)? Хочу сделать просто с надписью НАЙТИ.
И еще вопрос, может осваивать темизацию лучше с темы ZEN? В Bootstrape много лишнего изначально.

Комментарии

Аватар пользователя multpix multpix 19 апреля 2017 в 22:18
2
<button type="submit" class="btn btn-primary"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span></button>

Вот ваша кнопка
За лупой (или перед) можно добавить че надо, или убрать.

В доках бутстрапа все есть: http://getbootstrap.com/components/

Но вам действительно лучше создать свою тему с нуля,
только чтоб понять - что где как и зачем.
http://drupalace.ru/lesson/temizatsiya-drupal-7-obzor-failov-temy-shablona