Как добавить свой стиль CSS в шаблоне RocketTheme на Gantry 5
extra_toc

Gantry 5 автоматически формирует стили из файлов .scss.

Для того, чтобы добавить свой стиль стиль средствами шаблона RocketTheme на Gantry 5 сначала нужно настройки стилей (Расширения - Шаблоны - Стили, и выбрать свой шаблон), затем перейти на вкладку Page settings и в настройках Atoms - Custom CSS/JS добавить свой стиль и указать его месторасположение.

 css.JPG

css1.JPG

css2.JPG

После этого добавить стиль к нужному Particle.

css3.JPG

Универсальный способ для Gantry 5

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

Редактирование и создание стилей CSS

Наиболее удобная и визуально понятная программа для редактирования и создания стилей CSS - Stylizer