Как добавить css в тильду?

В HTML-блок вставьте правила с оберткой style, например <style>.my-note { color: teal; }</style>. На странице должен существовать элемент с классом my-note, иначе селектор ничего не выберет. Для штатного блока Tilda используйте его действительный селектор, найденный в опубликованной разметке.

Добавить такой код можно через T123 из раздела Другое в библиотеке блоков. Сохраните изменения и опубликуйте страницу: отображение кода текстом в редакторе или предпросмотре не обязательно означает ошибку опубликованного результата. Если требуется вставка в head, в настройках отдельной страницы есть специальное поле для HTML-кода.

Расположение блока с CSS не ограничивает область действия соседними элементами. Область задается селектором, поэтому для одной конкретной секции лучше явно указать ее контейнер.

• Для отдельной страницы можно добавить блок T123 «HTML-код» из раздела «Другое» в библиотеке блоков. Этот блок принимает HTML, поэтому собственные CSS-правила нужно заключить в теги style. Обычная строка без такой обертки может отображаться как текст.
• Простой пример для вашего собственного элемента: <style>.my-note { color: teal; }</style>. В HTML соответствующего элемента должен действительно присутствовать класс my-note. Если вы оформляете готовый блок Tilda, сначала найдите его реальный селектор в опубликованной странице.
• Не рассчитывайте, что близкое расположение T123 ограничит действие правил соседним блоком. CSS выбирает элементы по селектору, поэтому общее правило p может повлиять на все абзацы страницы.
• Для ограничения добавьте подходящий контейнер или идентификатор нужного блока в селектор. Не копируйте чужой номер блока из примера: на вашей странице он может быть другим.
• После сохранения страницу нужно опубликовать. Официальная инструкция предупреждает, что в режиме редактирования и предпросмотра код может выводиться текстом, поэтому проверяйте опубликованную версию.
• Если код должен находиться в head одной страницы, используйте ее настройки вставки кода и поле HTML-кода внутри head. Для общих изменений сайта есть отдельная настройка, но для вашей задачи область одной страницы понятнее.
• Проверьте результат на нескольких ширинах окна и убедитесь, что существующие состояния кнопок и полей сохранились. При конфликте посмотрите примененные правила в DevTools, затем уточните селектор или порядок подключения. Не добавляйте important ко всем объявлениям автоматически: сначала выясните, откуда приходит конкурирующее оформление.