Как подружить таймер и зеро блок в конструкторе Тильда?

На днях столкнулся с просьбой поправить макет в Тильде

Проблема состояла в том, чтобы таймер и заголовки смотрелись гармонично на витееватом фоне.

Таймер расположен в стандартном блоке и он абсолютно не гибкий:

нельзя изменить к примеру шрифт таймера, можно только поменять цвет;
нормально растянуть фон, он растягивается, как хочет;
разместить заголовки текста, в определенном месте;
таймер только по центру;
текст на фоне плохо читается;

На просторах интернета, я наткнулся на сайт mo-tilda.ru и нашел код, благодаря которому можно создать таймер в zero blok (в блоке с индивидуальным дизайном). И в нем уже можно делать так, как нужно именно вам, а не как вздумается тильде.

Что нужно сделать:

В зеро блоке разместить текстовое поле с вашим таймером, просто текст, например До нового года осталось 05:10:25:30, внизу подписать уже в другом текстовом поле дней, часов, минут секунд соответственно;
На страницу добавить стагдартный блок с таймером;
Добавить скрипт на страницу, через блок Другое -> HTML;
Через просмотр html кода страницы, смотрим какой id у текстового блока с таймером и вставляем его в поле (заменяем цифры в поле) $('[field="tn_text_1547302526090"]').text(timeTitle);

Код скрипта:

<style>
 /*Скрываем блок с таймером*/
[data-record-type="415"] {
    display:none;
}
</style>

<script>
$( document ).ready(function() {
 function ZeroTimer(){
     var zeroDays = $('.t415__days ').html();
     var zeroHours = $('.t415__hours').html();
     var zeroMinutes = $('.t415__minutes').html();
     var zeroSeconds = $('.t415__seconds').html();
//Описываем строку со таймером     
     var timeTitle = zeroDays+' : '+zeroHours+' : '+zeroMinutes+' : '+zeroSeconds ;
//Выводим таймер в текстовом поле ZeroBlock
     $('[field="tn_text_1547302526090"]').text(timeTitle);
    };
    ZeroTimer();
    var timeinterval = setInterval(ZeroTimer,1000);
});   
</script>

Все статьи