Как отменить действие CSS стилей сайта для формы поиска Яндекс?

kibiribi

31 августа 2014, 05:04

Форма находится в левом сайдбаре

Вопрос: Как сделать так, чтобы стили сайта не перебивали настройки Яндекса и форма поиска была без дополнительных отступов?

На сайте есть стиль CSS, который перекрывает форму поиска:

layout.css

th, td {

padding: 0.2em 1em;

text-align: left;

}

Форма поиска Яндекс сверстанна td, tr и соотвественно идут большие оступы, которые не нужны - смотрите скрин-шот -

П.С. Ранее спрашивал этот вопрос в другом посте клуба - http://clubs.ya.ru/sitesearch/replies.xml?item_no=2008

но так никто и не ответил

Прошу помочь с консультацией, т.к. я не верстальщик.

6 комментариев

Авторизуйтесь, чтобы оставить комментарий

Елена Першина

28 января 2016, 00:54

Судя по всему, тут проблема не столько из-за паддинга, сколько из-за margin-bottom: 10px; заданный для table.
Можно сделать так:

#ya-site-form0 .ya-site-form__search,
.ya-site-form__search-input-layout
{
margin-bottom: 0;
}

kibiribi

28 января 2016, 00:54

Спасибо за ответ - поправил как вы сказали - http://www.emagazin.info/

НО....

отступы внизу ушли... остались по боках -смотрите скриншот - http://screencast.com/t/u6024aYO

Как можно забрать отступы по боках средствами CSS ? подскажите.

kibiribi

28 января 2016, 00:54

Подскажите, что делать с вертикальными отступами ? смотрите мой предыдущий пост. :-@

kibiribi

28 января 2016, 00:54

Я пробую делать

----------

#ya-site-form0 .ya-site-form__search,

.ya-site-form__search-input-layout

{

margin-bottom: 0;

margin-left: 0;

margin-right:0;

}

------------

не работает

kibiribi

28 января 2016, 00:54

не работает левый и правый край... я про них говорю.

Александр

28 января 2016, 00:54

Чтобы подогнать Яндек.Поиск под дизайн своего сайта мне пришлось вписать такой код:

#ya-site-form0 {float: right; width: 320px;}

#ya-site-form0 .ya-site-form__wrap, .ya-site-form__search, .ya-site-form__search-input-layout {margin: 0.5em 0 0.01em; border: 0;}

#ya-site-form0 .ya-site-form__search-input td {padding: 0;}

Выяснить что где менять оказывается довольно просто - поможет Firebug для Мозилы. Кликаете правой кнопкой мыши с том месте страницы, который вам нужно проинспектировать, просматривате классы и менятете что нужно через CSS.