Если вам не хватает встроенных возможностей редактора для изменения внешнего вида встроенных форм, виджетов и всплывающих окон LGT на вашем сайте и вам требуется полная интеграция с дизайном вашего сайта, вы можете следовать нескольким простым шагам:
...
...
Якщо вам не вистачає вбудованих можливостей редактора для зміни зовнішнього вигляду вбудованих форм, віджетів і спливаючих вікон LGT на вашому сайті і вам потрібна повна інтеграція з дизайном вашого сайту, ви можете наслідувати кілька простих кроків:
CSS стилі редагуються з налаштувань LGT у вкладці "Traffic" у вікні "Скрипт для тега HEAD".
...
Для того, чтобы изменить стили, нужно написать следующий щоб змінити стилі, потрібно написати наступний код
<style>
// Место Місце для вставки вставлення ваших стилейстилів
</style>
Рассмотрим ситуацию, в которой мы хотим убрать тень от формы, для лучшей интеграции в общий дизайн вашего сайта:
...
Розглянемо ситуацію, в якій ми хочемо усунути тінь від форми, для кращої інтеграції в загальний дизайн вашого сайту:
Приклад коду, який потрібно вставити в "Скрипт для тега HEAD", як прибрати тінь з LGT:
<style>
#leadgentool-card .adaptive-container {
box-shadow: none !important;
}
</style>
Расшифровка кодаРозшифрування коду:
#leadgentool-card - Уникальный идентификатор Унікальний ідентифікатор для нашей нашої LGT , не является классомє класом.
adaptive-container - Класс Клас LGT контейнера
...
box-shadow - – Стиль определяющий тень визначальний тінь для компонента, его його параметр none - отключает тень. (Подробнее о стилях см. Справку в конце – відключає тінь. (Докладніше про стилі див. Довідку в кінці документа)
!important - Добавляется Додається в конце кінці параметра, указывает вказує на то, что этой установке отдается приоритет и что всегда будет использоваться именно этот параметр. Не обязателен, но если при добавлении стиля, стиль не применяется, лучше всё таки указать.Другие классы компонентов те, що цій установці надається пріоритет і що завжди буде використовуватися саме цей параметр. Не обов'язковий, але якщо при додаванні стилю стиль не застосовується, краще все-таки вказати.
Інші класи компонентів LGT:
.video - Класс Клас для видеовідео
...
.top-image - Класс Клас для картинки
...
.text-block - Класс Клас для текстатексту
...
.social-button - Класс социальных Клас соціальних кнопок
Основные стили этоОсновні стилі це:
background - изменение фоназміна тла
color - изменение цвета текстазміна кольору тексту
box-shadow - добавление тенидодавання тіні
padding или або margin - добавление отступов для элементадодавання відступів елемента
width - ширина элементаелемента
height - высота элементависота елемента
font-size - размер текстаОсновные параметры для стилейрозмір тексту
Основні параметри для стилів:
Цвет Колір в hex - #FF0000 или або rbg - rgb(255,0,0)
Размеры Розміри в пикселяхпікселях, например наприклад 16px
Справочник по Довідник за CSS (стилямстилями): https://html5css.ru/cssref/default.php