Перейти к содержанию
Официальный форум поддержки Simpla

Компонент element.style { для строки поиска


Рекомендуемые сообщения

Перелопатил все файлы сайта не могу понять в каком найти element.style { отвечающий за ширину окна поиска товара

В фаерБаге показывает 

element.style {
    max-height: 300px;
    width: 230px;
но не дает ссылку на адрес. Подскажите где копать? 
Скрин прилагаю! 
Заранее спасибо!

 

post-20380-0-58396200-1457789237_thumb.png

Ссылка на сообщение
Поделиться на другие сайты

))) на вашем скрине даже видно где прописано ...  в самом html теге

max-height: 300px;width: 230px;"
эти значения берутся скриптом автоматически, рассчитывая ширину блока, а максимальная высота блока с результатами берутся из настроек скрипта "jquery.autocomplete-min.js" ("...,width:"auto",minChars:1,maxHeight:300,deferRequestBy:0,...")

 

в стиль .autocomplete-suggestions

добавь

width: 230px !important;

max-height: 300px !important;
 
и правь как надо.

Ссылка на сообщение
Поделиться на другие сайты

Все CSS надо смотреть, где-то должен быть)

Вы уверены в том что Вы заявляете?

Этот стиль нигде в CSS или верстке не прописан, этот стиль применяется к блочному элементу с помощью Javascript.

Ссылка на сообщение
Поделиться на другие сайты

 

))) на вашем скрине даже видно где прописано ...  в самом html теге <div ... style="max-height: 300px;width: 230px;"

эти значения берутся скриптом автоматически, рассчитывая ширину блока, а максимальная высота блока с результатами берутся из настроек скрипта "jquery.autocomplete-min.js" ("...,width:"auto",minChars:1,maxHeight:300,deferRequestBy:0,...")

 

в стиль .autocomplete-suggestions

добавь

width: 230px !important;

max-height: 300px !important;
 
и правь как надо.

Спасибо за ответ! Но у меня следующее из серии или лыжи не едут или я .....) я такого стиля у себя не могу найти, подскажите

Ссылка на сообщение
Поделиться на другие сайты

открываем папку с файлами шаблона, находим index.tpl в этом файле находим что то подобное
 

<style>
		.autocomplete-suggestions{
		background-color: #ffffff;
		overflow: hidden;
		border: 1px solid #e0e0e0;
		overflow-y: auto;
		}
		.autocomplete-suggestions .autocomplete-suggestion{cursor: default;}
		.autocomplete-suggestions .selected { background:#F0F0F0; }
		.autocomplete-suggestions div { padding:2px 5px; white-space:nowrap; }
		.autocomplete-suggestions strong { font-weight:normal; color:#3399FF; }
	</style>	

и в стиль .autocomplete-suggestions

добавь

width: 230px !important;

max-height: 300px !important;

 

это в теории примерно так, как устроен ваш шаблон я точно не знаю но на 99% уверен что стили находятся в index.tpl

 

Ссылка на сообщение
Поделиться на другие сайты

открываем папку с файлами шаблона, находим index.tpl в этом файле находим что то подобное

 

<style>
		.autocomplete-suggestions{
		background-color: #ffffff;
		overflow: hidden;
		border: 1px solid #e0e0e0;
		overflow-y: auto;
		}
		.autocomplete-suggestions .autocomplete-suggestion{cursor: default;}
		.autocomplete-suggestions .selected { background:#F0F0F0; }
		.autocomplete-suggestions div { padding:2px 5px; white-space:nowrap; }
		.autocomplete-suggestions strong { font-weight:normal; color:#3399FF; }
	</style>	

и в стиль .autocomplete-suggestions

добавь

width: 230px !important;

max-height: 300px !important;

 

это в теории примерно так, как устроен ваш шаблон я точно не знаю но на 99% уверен что стили находятся в index.tpl

 

 

В index только у меня код выглядить немного иначе

<style>
    .autocomplete-w1 { position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
    .autocomplete { border:1px solid #999; background:#FFF; width: 300px; width: 340px !important; max-height: 300px !important; cursor:default; text-align:left; overflow-x:auto;  overflow-y: auto; margin:105px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
    .autocomplete .selected { background:#F0F0F0; }
    .autocomplete div { padding:2px 5px; white-space:nowrap; }
    .autocomplete strong { font-weight:normal; color:#3399FF; }
    </style>    
    <script>
 
А так все получилось, спасибо!
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...