Пользовательский поиск Google /кастомизация

[olegvmk]

Привет, подскажите пожалуйста как поменять внешний вид поисковой строки google, после добавления на сайт. Пробовал разные версии кода которые гугл предлагает, но это особо не помогло. Меняю все что нужно через файербаг но откуда файербуг берет параметры этой строки понять не могу. Так же не понятно что нужно делать с default.css который гугл выдает. Можно ли его как то прикрутить?

[Пчелкин]

Собственно, а о чем речь то? Надо еще искать что и где ты взял?

[olegvmk]

Речь идет о строке поиска google (система пользовательского поиска), которая выглядит не так как надо. Как строку сделать толще/длиннее/зеленой?
Вот этот самый гуглокод:

Код: Выделить всё

<script>
  (function() {
    var cx = 'ИД поисковой системы';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

А вот параметры css, которые показывает файербаг(кусок):

Код: Выделить всё

gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 68px;
}
table.gsc-search-box td.gsc-input {
    padding-right: 24px;
}
table.gsc-search-box td.gsc-input {
    padding-right: 12px;
}
table.gsc-search-box td {
    vertical-align: middle;
}

Вот я и не пойму где они хранятся и откуда их файербаг достает.

[Татьяна5]

Хранятся на строннем сервере. Можно попробовать "перебить" их значения своими (с !important)
Пример -

Код: Выделить всё

gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 200px !important;
}

Добавлять в css стиля. В любой.

Добавлено спустя 1 минуту 32 секунды:
Или поискать там, где брали код (раз не хотите говорить где), инструкции по изменению внешнего вида поиска

[userAx]

Посмотрите тут https://ppkbb3cker.ru/viewtopic.php?f=56&t=2366