Украшаем части стандартного текстового блока Taplink с помощью стандартных настроек + небольшого кода
Частичное редактирование текстового блока может пригодиться для создания, к примеру, вот такого выделения цветом, как фраза "вебинаров не будет"
Также можно делать часть текста или отдельные заголовки градиентными, другими шрифтами и иначе взаимодействовать с текстом
Нам понадобится блок текста, а в нем вот эти настроечки
Вам необходимо выбрать, что из этих настроек вы не будете использовать по прямому назначению на этой страничке.
Например, скорее всего, вам не понадобится "зачеркнутый текст".
Теперь посмотрите видео, как переопределить эти настройки, чтобы они делали то, что нам нужно: https://youtu.be/dhsBeasyPpU
<style>
.block-text strike {
text-decoration: inherit;
}
</style><style>
.block-text i {
font-style: inherit;
}
</style><style>
.block-text u {
text-decoration: inherit;
}
</style><style>
.block-text font {
color: inherit;
}
</style>Свойства из видео, делающий обрамление тексту с помощью фона:
background: #FF0101; /* Фон обрамления */
color: inherit; /* Цвет текста */
font-weight: 700; /* Жирность */
margin: auto -3px; /* Убирание горизонтального отступа от соседних слов */
padding: 3px 8px; /* Отступ от текста до краев обрамления */
border-radius: 16px; /* Закругление */
white-space: nowrap; /* Запрет переноса выделенных слов */
Вставлять эти свойства нужно как в видео внутрь фигурных скобочек