Где найти файл css

Как найти нужный css файл для изменения в битриксе?

Привет. Редактирую сайт на битриксе. Можете подсказать где найти нужные стили?

1. Я посмотрел через f12 путь css, как я понял там временная директория, если даже я какие то изменения внесу, то скорее всего сохранится но потом слетит
2. И еще нашел вроде как нужный файл по пути /public_html/local/templates/.default/style
Но когда вношу изменения, ничего не меняется, потому что все изменения вносятся во временный css файл как в пункте 1

Как найти нужный файл для редактирования? В настройках модуля все галочки на объединение css все стоит

Файлы стилей могут лежать в различных местах. При этом, если используется настройка использования минифицированных стилей и объединения стилей, то вы можете и не узнать путь. Что-то вроде, как вы написали «временный css» 🙂

Подробнее о стилях для шаблонов сайта есть тут в документации. Также не пропустите ссылки статьи по теме в конце страницы.

У компонентов могут быть свои дополнительные стили, путь к этим файлам такой же как путь до компонента, например /local/components/bitrix/adv/templates/.default/style.css

Все временные генерятся из постоянных,после внесения изменний в основные файлы скорее всего потребуется сбросить кеш, тогда обновятся и «временные» файлы стилей. При объединении нескольких файлов в один «временный» в нем прописаны какие именно объединились и полный путь к ним.

Единственным исключением является сторонняя серверная минификация — в этом случае нужно знать как обновление произвести из консоли.

Еще вариант можно в настройках сайта для правок отключать минификацию css и js, а также объединение в один файл, после этого точно будете знать в какой вносить правки, а после опять включать. Постепенно выучив что у вас где вам уже такая процедура не понадобится.

в настройках главного модуля отключи «Оптимизация CSS»:
Объединять CSS файлы
Подключать минифицированные версии CSS и JS файлов
Создавать сжатую копию объединенных CSS и JS файлов

скинь кеш и через F12 найдешь ссылку

Какие-то вредные советы понаписали. Потом заходишь на сайт, а там все оптимизации выключены, потому что какому-то разработчику несколько лет назад так удобно было, видите ли.

1. В этих оптимизированных файлах написано, откуда были взяты исходники.
2. Часто подключаются минифицированные файлы, но править надо не минифицированные. В папке можут лежать файлы style.css и style.min.css. Правите style.css, сохраняете. Минифицируете его и сохраняете минифицированную версию в style.min.css.
3. Если файлы подключаются с помощью API Битрикс, то кеш сам сбрасывается при изменении файлов. Если у кого-то не сбрасывается и они делают это вручную, то они просто не умеют подключать стили.
Как надо:

use Bitrix\Main\Page\Asset; Asset::getInstance()->addJs('/путь/скрипт.js'); Asset::getInstance()->addCss('/путь/стиль.css');

4. Проще всего искать нужный файл с помощью утилиты grep (работает на линукс, в винде тоже можно поставить)
Если начнете искать по всему сайту, то будет очень долго. Стили чаще всего лежат в папке шаблона, там и надо начинать поиск.
Видите например на сайте элемент . К нему хотите стили найти.

cd local/templates/my_template grep -r "any_selector" . --include=*\.css

Вам выдаст список файлов, где есть упоминание any_selector

Источник

Как быстро узнать где находятся CSS стили сайта

CSS

Сегодня вы узнаете как очень просто и быстро можно узнать расположение CSS стилей любого элемента вашего сайта. Наверняка с вами случалось такое, что вы хотели изменить какой-либо элемент на сайте (к примеру цвет кнопки) но не могли найти расположение CSS стилей данного элемента. Особенно это часто случается на CMS системах, типа WordPress, где множество файлов и не понятно где там CSS. Но вам и необязательно рыться в файлах (в дебрях) в поисках CSS стилей. Вам достаточно одно нажатие на кнопку и вы узнаете точное расположение CSS стиля любого элемента вашего сайта.

Всё очень просто, зайдите на свой сайт, нажмите правой кнопкой мыши по элементу, CSS стили которого вы хотите узнать. В появившемся окне нажмите на вкладку — Просмотреть код .

Далее, с правой стороны сайта у вас откроется окно с исходным кодом выбранного вами элемента. В окне Styles будут указаны CSS стили данного элемента. Рядом с CSS стилями, с правой стороны будет отображаться ссылка, URL адрес, по которому находятся данные CSS стили. Наведите курсор мыши на данную ссылку и у вас появится подсказка с полным URL адресом CSS стилей.

Вот в принципе и всё, теперь вы можете зайти в свою корневую директорию сайта на хостинге и быстро найти нужный вам CSS стиль, но и конечно же быстро изменить его.

А есть вариант ещё проще, вам даже не надо заходить в корень сайта и менять там стили. Если ваш сайт на WordPress, то установите себе один очень классный плагин — Simple Custom CSS .

Скопируйте CSS стили из окна просмотра кода и вставьте их на страницу плагина, измените стили так как вам надо и сохраните настройки.

Зайдите на сайт, элемент стили которого вы меняли, автоматически изменится.

Вот и всё, всё очень просто, удачи вам !

Источник

Где находятся стили css(см.)?

Сделал сайт по скрипту, хочу поменять элемент в css, но нигде не могу найти где они находятся, ни в одной папке на сервере их нет. Но в браузере я их вижу. Где их найти??

Открываете исходный код страницы и смотрите откуда идет загрузка стилей.

Вариантов на самом деле не так уж и много:

1) Грузится css файл — смотрите путь до файла, повторяете на сервере.

2) Грузится таблица стилей прямо из html — правите html.

3) Грузится css со стороннего сервера — скачиваете, правите стили, правите пути и вуаля.

Более экзотические варианты встречаются редко.

Либо глазами, либо, если еще плохо понимаете устройство веба, то, так. В хроме — открываете консоль разработчика (ctrl+shift+J). Открываете раздел «Elements», выбираете нужный вам элемент и справа будет список стилей с указанием файлов. Наводите курсор на имя файла — показывает откуда этот файл был загружен. — 7 лет назад

вот путь, который там показан http://cdn.jsdeliver.net/bootstrap/3.34/css/bootstrap.min.css:5
а где его найти? — 7 лет назад

Загрузка идет со стороннего ресурса. Если хотите поменять css — скачайте соответствующий файл, измените, положите куда вам удобно и смените путь. Путь загрузки ищите в своем html файле. — 7 лет назад

По сути каскадная таблица стилей (CSS) находится в отдельной директории на сервере, где лежит скрипт самого сайта.

Для того чтобы увидеть путь к файлу CSS нужно правой кнопкой мыши нажать на странице сайта и выбрать из выпадающего меню пункт «Просмотр кода страницы» или «Посмотреть исходный код страницы» (в зависимости от браузера), после чего откроется новая вкладка с исходным кодом.

В коде страницы ищем путь между тегами и , который оканчивается на .css (например http://сайт.ru/style/style.css), это и есть путь к файлу каскадной таблицы стилей.

Вам придется идти на хостинг в админ панель и искать нужную директорию.

Если Вы храните сайт на ПК, то нужную папку ищем на локальном сервере, где правим стиль и заливаем на сервер по FTP.

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

Источник

Форум

Это файл с кешем шаблона, который формируется из нескольких частей.

Как читать эту ссылку:
/bitrix/cache/css/s1/main/template_81af4213329d156211be7e10e ­­ff08174/template_81af4213329d156211be7e10eff08174.css?1484219500189431
/bitrix/cache — обозначает что файл является кешем и может быть (будет) удален или переписан
/css — это означает что кеш относится к стилям сайта
/s1 — код сайта, к которому относится кеш
/main — название шаблона сайта к которому он относится
/template_81af4213329d156211be7e10e­ff08174/template_81af421 ­3329d156211be7e10eff08174.css — название файла кеша
1484219500189431 — случайное число (обычно время) для инвалидации кеша браузером.

Что касается самого файла template_81af4213329d156211be7e10eff08174.css, то он состоит из template_style.css шаблона mail и стилей компонентов

Вам нужно открыть этот файл (когда он прогрузится) в браузере, найти нужный css фрагмет и листать выше, пока не найдете строчку похожую на :

/* Start:/bitrix/js/main/core/css/core_image.min.css?15263820005405*/

Соответственно в файле /bitrix/js/main/core/css/core_image.min.css и будет лежать интересующий вас код

P.S. Это я привел пример, интересующий Вас фрагмент будет лежать совершенно в другом файле и 60% вероятность что именно в template_style.css Вы найдете интересующий Вас фрагмент

Андрей Николаев, Зачем такие сложности?) Достаточно отключить объединение файлов CSS в настройках главного модуля.

Nikolay Filippov, и отключать обьединение файлов, каждый раз когда нужно найти какой же файл подключает этот стиль?) Да и к тому же, если у человека уже боевой сервер (и так вдруг случилось что теста нет), не думаю что было бы корректно отключать обьединение файлов

Никогда не испытывал проблем с модулем сжатия.
Вам как Гуру может не составляет проблем найти и поправить что требуется. но кому то будет понятнее, отключив отключив объединение

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером

1С-Битрикс http://www.1c-bitrix.ru Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов : sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507

© 2001-2023 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом. Политика конфиденциальности

Источник