Вставить стили CSS в отображение модуля - Joomla 3.x: Шаблоны, разметка и макеты вывода

Добрый день гуру!
Два основных вопроса как правильнее вставить стили в ФАЙЛ template.css, custom.css или создать свой отдельный.
И второй вопрос -как сделать чтобы стиль заработал в модуле? Назначение вкладки доп параметров настройки модуля с классами CSS так и не понял.
В материале там как то проще там в коде HTML можно дописать, а как в модуле?
Заранее спасибо.

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

Дополню SeBun
Свой класс прописать через пробел в поле для суффикса модуля. Судя по названию  custom.css , шаблон клубный ?
Включить в настройках стиля шаблона использование  custom.css  , и уже в нем даже можно переопределять стили по умолчанию с template.css, поскольку custom.css подключается позже

Cпасибо! Все заработало стили подключаются. Шаблон у меня JOOMSHOP прописал подключение файла со своими стилями в файле stylesheet.php
А вот теперь следующий вопрос стиль действует для модуля, а как мне элементы чтобы рядом встали? Если я к элементам добавляю float:left они выстраиваются. а если прописываю в стиле модуля, то нет. Помогите пожалуйста, никак не могу верстку сайта наладить. если что то это вот тут на главной странице внизу блоки с группами в соц сетях.
А вот уже понял что элементы можно тоже к своим CSS привязать это поле Суффикс класса меню, но криво чета все. Элементы теперь стоят рядом, но и в мобильной версии тоже рядом, не переносятся.

Мобильная версия - это отдельные стили. Вот статья на хабре. Вот на Ютубе.

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

Благодаря использованию блочных элементов все получилось теперь перенос работает