Прошу особо не пинать, я из категории любителей, но Joomly люблю. Вот сайт: http://excalibur.zz.mu/ При выпадении меню (охрана объектов) в списке каждый пункт имеет 2 строки. Из-за длинны текста. Хочу изменить ширину выпадающего списка, чтобы каждый из пунктов отображался в одну строку. При помощи FireBug нахожу объект, изменяю ширину с 200рх на 400рх, текст отображается в одну строку. Но не могу найти где изменить код. Помогите, найти файл. Скачал сайт на комп. Тотал коммандером нашел все файлы, которые содержат 200рх (50 штук). Из них более менее подходит Dupload\public_html\libraries\expose\interface\less\menu.less Но в нем 200рх это горизонтальное меню. Изменил, залил файл, результат ноль. Подскажите пожалуйста, если есть решение у моего вопроса ! Вот файлы сайта из поиска, но я в них не нашел Код (CODE): d:\upload\public_html\administrator\templates\hathor\css\template.css d:\upload\public_html\administrator\templates\hathor\less\template.less d:\upload\public_html\administrator\templates\isis\css\template.css d:\upload\public_html\administrator\templates\isis\css\template-rtl.css d:\upload\public_html\administrator\templates\isis\less\template.less d:\upload\public_html\administrator\templates\isis\less\variables.less d:\upload\public_html\cache\expose\c144173910f89ebd4e807457d71b3dda.cache d:\upload\public_html\cache\expose\f6823cbe67aa2c0cf168fcf48cd8945c.cache d:\upload\public_html\libraries\expose\admin\widgets\expose.css d:\upload\public_html\libraries\expose\interface\css\joomla.css d:\upload\public_html\libraries\expose\interface\less\menu.less d:\upload\public_html\libraries\expose\interface\less\variables.less d:\upload\public_html\libraries\xef\assets\css\bootstrap.css d:\upload\public_html\libraries\xef\assets\css\jquery-ui-1.8.16.custom.css d:\upload\public_html\libraries\xef\assets\less\tooltip.less d:\upload\public_html\libraries\xef\assets\less\variables.less d:\upload\public_html\libraries\xef\fields\list.php d:\upload\public_html\media\editors\tinymce\skins\lightgray\skin.ie7.min.css d:\upload\public_html\media\editors\tinymce\skins\lightgray\skin.min.css d:\upload\public_html\media\jui\css\bootstrap.css d:\upload\public_html\media\jui\css\bootstrap.min.css d:\upload\public_html\media\jui\css\bootstrap-extended.css d:\upload\public_html\media\jui\css\bootstrap-responsive.css d:\upload\public_html\media\jui\css\bootstrap-responsive.min.css d:\upload\public_html\media\jui\less\bootstrap-extended.less d:\upload\public_html\media\jui\less\responsive.less d:\upload\public_html\media\jui\less\responsive-1200px-min.less d:\upload\public_html\media\jui\less\tooltip.less d:\upload\public_html\media\jui\less\variables.less d:\upload\public_html\media\media\css\popup-imagemanager.css d:\upload\public_html\media\system\css\adminlist.css d:\upload\public_html\modules\mod_parallaxslider\assets\css\maximus.css d:\upload\public_html\modules\mod_parallaxslider\assets\less\responsive.less d:\upload\public_html\modules\mod_xpertslider\assets\js\xslider.js d:\upload\public_html\plugins\system\helix\css\bootstrap.min.css d:\upload\public_html\plugins\system\helix\css\bootstrap.min.rtl.css d:\upload\public_html\plugins\system\helix\css\bootstrap-responsive.min.css d:\upload\public_html\plugins\system\helix\css\bootstrap-responsive.min.rtl.css d:\upload\public_html\templates\beez3\css\general.css d:\upload\public_html\templates\beez3\css\red.css d:\upload\public_html\templates\beez3\css\turq.css d:\upload\public_html\templates\beez3\css\turq.less d:\upload\public_html\templates\protostar\css\template.css d:\upload\public_html\templates\protostar\less\template.less d:\upload\public_html\templates\protostar\less\variables.less d:\upload\public_html\templates\system\css\general.css d:\upload\public_html\templates\tx_appy\css\responsive.css d:\upload\public_html\templates\tx_appy\css\template.css d:\upload\public_html\templates\tx_appy\less\responsive.less d:\upload\public_html\templates\tx_appy\less\responsive-1200px-min.less Шаблон купил в Themexpert, думал там все настраивается легко и просто. Ан нет. Шаблон называется appy.
/templates/tx_appy/css/template.css 778 строка добавить width:400px !important; чтобы получилось так: Код (css): .ex-menu .dropdown .column { background: none repeat scroll 0 0 #eceef1; border-radius: 4px; box-sizing: border-box; float: left; width: 400px !important; }
Там простая логика. Стиль задан не в CSS, а в самом файле, потому что добавляется к элементу про помощи атрибута style="". Либо ширина высчитывается скриптом, либо все-таки задается где-то в админке. width: 400px !important; указывает использовать ширину 400 невзирая на то, что прописано в атрибуте style=""
Верно, если тому стили самому не применен !important, т.е. если в коде вы видите style="width:300px !important;" - данный способ не сработает.
грубо говоря насколько я помню главными считаются 1. стили прописаные в теге например <img style="..." 2. потом по значимости идут стили прописаные в шапке (в теле) html например <style>...</style> 3. потом берутся из CSS !important поднимает стиль по значимости на самый верх ну и логично что стиль из тега <img style="... !important" перекроет img {.. !important} из цсс
Ясно. Свойство !important дает много возможностей в Joomla. Теперь буду править свой сайт! P.S !!! Огромное всем спасибо за помощь! Особенно DKraev!
Дает везде в CSS, но не стоит злоупотреблять им... иначе браузеры сойдут с ума - сначала определить, затем переопределить пару раз... Вопрос - как это работает на медленном компе?