Если вам не хватает встроенных возможностей редактора для изменения внешнего вида встроенных форм, виджетов и всплывающих окон LGT на вашем сайте и вам требуется полная интеграция с дизайном вашего сайта, вы можете следовать нескольким простым шагам:
...
...
If you're missing the editor's built-in capabilities to change the appearance of built-in LGT forms, widgets, and popups on your site and want full integration with your site's design, you can follow a few simple steps:
CSS styles are edited from the LGT settings in the "Traffic" tab, in the "Script for the HEAD tag" window.
...
Для того, чтобы изменить стили, нужно написать следующий код
<style>
// Место для вставки ваших стилей
</style>
Рассмотрим ситуацию, в которой мы хотим убрать тень от формы, для лучшей интеграции в общий дизайн вашего сайта:
...
In order to change styles, you need to write the following code<style> // Place to insert your styles</style>
Consider a situation in which we want to remove the shadow from a form for better integration into the overall design of your site:
An example of the code that needs to be inserted into the “Script for the HEAD tag” on how to remove the shadow from LGT:
<style>
#leadgentool-card .adaptive-container {
box-shadow: none !important;
}
</style>
Расшифровка кодаDecoding the code:
#leadgentool-card - Уникальный идентификатор для нашей LGT, не является классомA unique identifier for our LGT, not a class.
adaptive-container - Класс LGT контейнераcontainer class
...
box-shadow - Стиль определяющий тень для компонента, его параметр none - отключает тень. (Подробнее о стилях см. Справку в конце документаStyle defining the shadow for the component; its parameter none - disables the shadow. (For more information on styles, see the Help at the end of the document)
!important - Добавляется в конце параметра, указывает на то, что этой установке отдается приоритет и что всегда будет использоваться именно этот параметр. Не обязателен, но если при добавлении стиля, стиль не применяется, лучше всё таки указать.
Другие классы компонентов LGT:
.video - Класс для видеоAdded at the end of the parameter, indicates that this setting is given priority and that this parameter will always be used. Not required, but if when adding a style, the style is not applied, it is better to specify it.
Other classes of LGT components:
.video
...
.top-image - Класс для картинки
...
.text-block - Класс для текста
...
.social-button - Класс социальных кнопок
Основные стили этоThe main styles are:
background - изменение фонаchange background
color - изменение цвета текстаchange text color
box-shadow - добавление тениadding shadow
padding или or margin - добавление отступов для элементаadding padding to an element
width - ширина элементаelement width
height - высота элементаelement height
font-size - размер текста
Основные параметры для стилей:
Цвет в text size
Basic parameters for styles:
Color in hex - #FF0000 или or rbg - rgb(255,0,0)
Размеры в пикселях, например Dimensions in pixels, for example 16px
Справочник по CSS (стилямStyling) Reference:https://html5css.ru/cssref/default.php