Moodle 3.1.
Две колонки. Навигация справа. Используется рисунок фона страницы..
Коллеги, как уменьшить промежутки между колонками и блоками?
В каком файле, и какие теги за это отвечают?
Илья, 100 раз по этому поводу советовали: Firefox+Firebug или в любом современном браузере есть средства разработчика, в IE11, например, вызывается по F12
Курсор наводите на нужный элемент страницы и смотрите используемый стиль, затем ищете его в файлах стилей темы, редактируете.
В теме Essential файлы можно не редактировать, свои новые или исправленные стили можно прописать в customcss в настройках темы в админке.
Скрин для примера:
В Essential блоки справа (слева) прописаны как aside, стиль .row-fluid .span3
Для уменьшения расстояния от основной секции нужно увеличить его ширину (23.07%)
Основная секция - section с классом .row-fluid .span9 шириной 74.359% В сумме - 97,429%. Остальное - "зазор"
Можете пропорционально увеличить ширину обеих секций до нужного интервала между ними.
Горизонтальные интервалы, скорее всего, настраиваются отступом элементов страницы друг от друга вниз или вверх. Похоже, что padding-bottom:20px
Точнее не скажу, темы под рукой нет.
Дерзайте.
Спасибо, Вадим!
Firebug установлен давно. Пользуюсь.
Буду пробовать.
Дерзаю
Отрывок кода в Firebug найти нет проблем.
.row-fluid .span3 {
width: 23.0769%;
}
Самое главное для меня - найти путь к файлу.
Firebug, насколько я понимаю, этого не дает.
Далее танцы с бубном.
Скачиваю папку: /theme/essential/style
В ней Notepad поиском такого кода не находит...
Ищу в других папках.
Другого алгоритма пока не знаю. (К сожалению).
Самое главное для меня - найти путь к файлу.
Firebug, насколько я понимаю, этого не дает.
Далее танцы с бубном.
Скачиваю папку: /theme/essential/style
В ней Notepad поиском такого кода не находит...
Ищу в других папках.
Другого алгоритма пока не знаю. (К сожалению).
Администрирование - Внешний вид - Темы - Essential - Общие, раздел "Пользовательский CSS" (theme_essential | customcss). В это поле и дописываете свой CSS. Физически, подозреваю, этот файл находится в /theme/essential/style/custom.css
В /theme/essential/style/custom.css этого кода не нашел.
Вероятно, где-нибудь в другом файле.
Буду пользовательский CSS мучить
Поправил с помощью пользовательского CSS.
Основного файла так и не нашел.
Самое главное для меня - найти путь к файлу.
Firebug, насколько я понимаю, этого не дает.
Далее танцы с бубном.
Скачиваю папку: /theme/essential/style
В ней Notepad поиском такого кода не находит...
Ищу в других папках.
Файл essential/style/essential.css
Но это абсолютно не нужно.
Повторяю: В теме Essential файлы можно не редактировать, свои новые или исправленные стили можно прописать в customcss в настройках темы в админке «Администрирование-Внешний вид-Темы-Essential-Основные настройки»:
Спасибо, Вадим.
В Notepad++ всегда поиском пользуюсь.
Вручную в больших файлах затруднительно что-либо найти.
Просто поисковый запрос был "width: 23.0769%;", поэтому ничего не нашлось.
Впредь буду знать.
Исправил при помощи пользовательского CSS.