Как добавлять кодЫ с codepen.io в SP PageBuilder? - Joomla 3.x: Общие вопросы

Помогите !
Не могу разобратся как и куда добавлять коди с codepen.io в SP PageBuilder
Например куда добалять етот код https://codepen.io/aragen/pen/BayqJge для бекграунда аддона

****************************************************

Есть шаблон Helix Ultimate
Есть секция (Section) SP Page Builder. В секции несколько разных аддонов
Есть 3 кода : HTML, Css , JS (Пример: https://codepen.io/codewithJahid/pen/VKymPX)
Вопрос: куда вставлять ети 3 кода, чтоб бекграунд секции был такой, как на примере?

о каком коде идет речь?
если CSS то есть вкладка пользовательский CSS для страницы

Переопределяете макет кастом шаблона, потом аддон вставки модуля SP PageBuilder

Переопределяете макет кастом шаблона, потом аддон вставки модуля SP PageBuilder

либо аддон HTML код в самом билдере
только CSS или в кастом или оформить

Немного не то!
Есть шаблон Helix Ultimate
Есть секция (Section) SP Page Builder. В секции несколько разных аддонов
Есть 3 кода : HTML, CSS , JS (Пример: https://codepen.io/codewithJahid/pen/VKymPX)
Вопрос: куда вставлять ети 3 кода, чтоб бекграунд секции был такой, как на примере?

CSS и js выносите в кастом
но с учетом классов секции
для простоты задайте id секции

CSS и js выносите в кастом
но с учетом классов секции
для простоты задайте id секции

В шаблоне создал css/custom.css и js/custom.js В ети файлы скопировал соответсвующие коды
Не могу понять что дальше. Куда HTML вставлять и "но с учетом классов секции
для простоты задайте id секции" !

никуда не вставлять
смотрите классы в своей секции и меняйте их в CSS js

Почему в редакторе все работает, а на сайте - нет?

потгму что редактор совмещает все всебе и HTML CSS js
а на сайте распределяйте сами
если знаний не хватает
коммерческий раздел
или мне на почту
eurosmart32@gmail.com
обсудим детально и договоримся