Как настроить свои стили в Gantry 5 подскажите? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Никак не пойму как сделать свои стили в новой версии фреймворка, в предыдущей было просто - CSS файл с именем шаблона и вперед, а тут уже и мануалы перечитал - не понял

В папке шаблона, создаете директорию custom в ней директрию scss, ложите туда файл custom.scss, в настройках шаблона в секции setting включаете switcher  Custom CSS / JS в положение зеленый.
Все работает но печаль что Gantry 5 вместо  less юзает scss, ситаксис не подствечиветься в notepad.

Хочу еще попробовать как Widjetkit2 и zoo будет  работать на Gantry 5

Хочу еще попробовать как Widjetkit2 и zoo будет  работать на Gantry 5

зу - будет, виджет - нет, в гантри нет юикита

Жаль конечно, так как Gantry 5 намного гибче warp 7, может warp 8 догонит.

Widgekit 2 работает причем берет свои встроенные стили от uikit, zoo работает, но часто фреймворк иногда глючит, например не работает стандартный модуль поиска, а модуль от рокетов не выводит листинг в AJAX, пока сыроват Gantry5, думаю лучше сейчас warp7 и шаблоны у yoo появились с фиксацией меню вверху, легко сделать мега меню.

Widgekit 2 работает причем берет свои встроенные стили от uikit, zoo работает, но часто фреймворк иногда глючит, например не работает стандартный модуль поиска, а модуль от рокетов не выводит листинг в AJAX, пока сыроват Gantry5, думаю лучше сейчас warp7 и шаблоны у yoo появились с фиксацией меню вверху, легко сделать мега меню.

В гантри 5 также элементарно сделать мега меню и зафиксировать его наверху.

Подскажите, как прописать в стиле отступы сверху и снизу от текста в выпадающем меню. Нужно их максимально уменьшить

подскажите пожалуйста, как настроить меню как на демо-сайте: http://demo.rockettheme.com/live/joomla/ambrosia
http://view.xscreenshot.com/970ce33b38d10f15d35ea2d72fde6285
Установил квикстарт, но меню убрал, поигрался с шаблоном изучая настройки. Теперь посоздавал своих пунктов меню а как настроить красивый вывод - не пойму, пока вот так: http://realznak.com/
Если кто разбирается хорошо в Гентри5 - может маякнете в скайп portall.com.ua   как вариант могу подарить скачанные с офсайта шаблоны

подскажите пожалуйста, как настроить меню как на демо-сайте: http://demo.rockettheme.com/live/joomla/ambrosia

По менюшке не плохое видео , там еще много интересного.

P.s.
Чуть выше задавал вопрос по менюшке. Разобрался.
Так в Gantry5 не нужно по привычке лезть в файл стиля и переколбашивать его,  а создавать как и писали выше свой файл стиля и тупо  вписывать нужный класс (в моем случае - такой же как и в шаблоне) со своими настройками
Пустой файл я положил ..\template\g5-hydrogen\custom\files\custom.css, прописал в шаблоне путь к файлу.
Скопировал класс, поставил свои значение , ну типа .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.2rem 0.3rem;}. Сохранился, и вуаля! Таким образом настроил весь шаблон.
Более подробно по созданию custom CSS смотрите тут

в настройках гантри, на странице page setting, внизу - custom CSS

в настройках гантри, на странице page setting, внизу - custom CSS

Можно более подробно, как подключить свои стили? Третий день в бубен бью, а ничего не выходит. Название собственного стиля прописывается в шаблоне, как атрибут, а CSS не подключается ни как.

Отвечаю сам же на свой вопрос - как присоединить свои стили к имеющемуся шаблону.
На примере изменения размера изображения логотипа на странице. Остальное  - по аналогии.

1. В любом месте в любой папке шаблона создаем свой файл с любым названием и расширением CSS. Например, template_name\custom\mycss\mystyle.css . В этом файле прописываем свои стили.
2. Идем Расширения-Менеджер шаблонов-нужный шаблон ->Page Settings
3. Выбираем блок Assets, CSS жмем плюсик
4. Пишем название стиля, ентер
5. Кликаем на названии стиля - появляется всплывающее окно.
6. В поле File Location указываем путь к своему собственному файлу стилей. ->Apply and Save
7. Переходим во вкладку Layout
8. Находим Элемент (Particles) в макете страницы (если она там уже есть), или добавляем из левого меню путем перетаскивания в нужное место макета.
9. Жмем шестеренку на этом элементе (Particles) в макете, и во всплывающем окне указываем новый стиль для этого элемента.
10. Должно все получиться. По крайней мере, у меня все работает.

Немного выше описан способ добавления через scss. Пробовал - при попытке рекомпиляции CSS выдается ошибка 500. Причем, даже если взять родной файл scss, и подставить его как custom - ошибка не исчезает. Причины так и не нашел.

я только п 8 не понял, зачем нужен Элемент (Particles)  если я например хочу настроить свой стиль пунктам меню, заголовкам материалов и т.д.? А так да, работает, спасибо, без п 8 и далее просто все настраиваешь и пиши свои стили.

Приветствую всех! Разбираюсь с темой Hydrogen на Gantry 5 (Joomla 3.4. g5_5.2.12.
Создал меню particle (стандартное в теме Hydrogen) и оно отображается таким образом, что размер шрифта названий пунктов меню очень маленький. Не знаю как больше сделать ?
http://ca25101-joomla.tw1.ru
В файле CSS по этому пути: / Joomla /.../ g5_hydrogen / scss / hydrogen/_nav.scss (кстати, думаю этот файл автоматически переписывается при обновлениях темы)

ПРОШУ направить в нужное русло мои попытки с решением проблемы - увеличить размер шрифта в названиях пунктов меню. Сейчас они маленькие совсем.

 

Подскажите пожалуйста, как уменьшить высоту всего блока Navigation ?

Подскажите пожалуйста, как уменьшить высоту всего блока Navigation ?

Здесь посмотрите

В шаблонах на Gantry  обычно есть папка custom в неё нужно добавить файл custom.css  и в него прописать стиль. И все, стили будут успешно работать. Надеюсь помог