Gantry 5, Helium - Joomla 3.x: Шаблоны, разметка и макеты вывода

Доброго времени суток!

В шаблоне есть наложение полупрозрачного фона, точнее не фона, а нооборот замутнение изображения. Нашёл строку которая за это отвечает:

/templates/g5_helium/custom/css-compiled/helium_12.css?5a916191

.g-owlcarousel.has-color-overlay .owl-stage > .owl-item:nth-child(odd).g-owlcarousel-item-img:after {
    background-color: #8f4dae;
    background-color: #8f4dae;
    background-image: -webkit-linear-gradient(-410deg, #8f4dae, #4db2b3);
    background-image: linear-gradient(140deg,#8f4dae, #4db2b3);
    opacity: 0.9;
}

Как мне от этого избавиться? В папке templates/g5_helium/custom/css-compiled/helium_12.css?5a916191 Нужно внести изменеия или создать новую, чтоб изменения сохранялись после обновления шаблона. Что нужно написать? Есть другие варианты изменения? Спасибо заранее!

создаете свой собственный файл стилей в папке templates/g5_helium/custom/scss/custom.sccs и вносите нужные правки, чтобы правки применялись автоматически нужно в настройках шаблона включить режим разработчика, либо каждый раз копилировать файл стилей после внесения правок

Или на вкладке Page Settings настроек шаблона в блоке Atoms "положить" атом ))) Custom CSS / JS , там же создать CSS и вставить туда ваш исправленный код:

.g-owlcarousel.has-color-overlay .owl-stage > .owl-item:nth-child(odd).g-owlcarousel-item-img:after {
    background-color: #8f4dae;
    background-color: #8f4dae;
    background-image: -webkit-linear-gradient(-410deg, #8f4dae, #4db2b3);
    background-image: linear-gradient(140deg,#8f4dae, #4db2b3);
    opacity: 0.9;
}

не забыть сохранить всё это и смотреть результат!