Проблема с классами - Joomla 3.x: Общие вопросы

Здравствуйте. Проблема вот какая. Есть у меня на сайте папка со стилями. в ней есть файл theme.css. в этом файле прописаны все классы. каждый раз когда я обновляю шаблон мне приходится переписывать классы заново те, что я исправлял в этом файле. хочу создать файл cestom.css  и в него прописать классы такими какими они мне нужны. Но проблема вот в чем. я не знаю как сделать так чтобы чтобы те классы которые я создал легли поверх существующих. Как это правильно сделать? приведу пример чтобы совсем стало понятно:

в файле theme.cssесть такая запись:

body .tm-product-main-block .tm-product-details .hikashop_product_contact_main .hikashop_cart_button {
  padding: 5px 12px;
  height: 30px;
  background-color: #eee;
  color: #444444 !important;
  font-size: 11px;


Я хочу просто изменить цвет и допустим отступы чтобы получилось вот так

body .tm-product-main-block .tm-product-details .hikashop_product_contact_main .hikashop_cart_button {
  padding: 1px 5px;
  height: 30px;
  background-color: #fff;
  color: #444444 !important;
  font-size: 11px;

Но чтобы эти классы были прописаны в custom.css
Подскажите как это делается?

здра.
просто подключаете в шаблоне свой custom.css следом за остальными (т.е. после всех) стилями и он перекроет дефолтные.

здра.
просто подключаете в шаблоне свой custom.css следом за остальными (т.е. после всех) стилями и он перекроет дефолтные.

Т.е. доустим я прописываю в шаблоне строку <link rel="stylesheet" href="/templates/intensy/styles/red/css/custom.css"> ближе к закрывающему </head> и в custom.css указываю те же названия классов что и были в файле theme.css и они перекроют старые значения и у меня все будет ок?

да. но обычно подключают не так, а смотрят, как подключен  theme.css, копируют строку и заменяют название файла

да. но обычно подключают не так, а смотрят, как подключен  theme.css, копируют строку и заменяют название файла

Немного не понял! если вас не затруднит опишите поподробнее или на примере покажите, что имеете ввиду.

открываете файл шаблона, ищете там  theme.css, копируете строку с подключением, вставляете ниже и правите имя файла на custom.css
в чем сложность?

открываете файл шаблона, ищете там  theme.css, копируете строку с подключением, вставляете ниже и правите имя файла на custom.css
в чем сложность?

Да я думаю сложности нет. просто я до этого никогда это не делал потому и пытаюсь понять правильную логику построения. Если я правильно понял то допустим есть у меня в theme.css такой класс
body .hikashop_products_listing .hikashop_subcontainer {
    padding-bottom: 20px;

Я копирую  body .hikashop_products_listing .hikashop_subcontainer

вставляю скопированное в custom.css и там уже пишу нужные мне стили?