Как сделать выделение слов другим цветом в заголовке Elementor Pro

Задача следующая: в стандартном элементе “Заголовок” плагина Elementor сделать часть текста другим цветом.

1 вариант реализации – отдельные слова другого цвета:

часть заголовка другого цвета

В поле “Заголовок” необходимо добавить следующее:

Пример заголовка с <span class="main-red">разными цветами</span> слов

В Расширенных настройках в “Пользовательский CSS” добавить следующий код:

selector .main-red {
    color: #cc0000;
}
2 вариант реализации – заголовок с фоном и другим цветом слов:

Заголовок со словами другого цвета и фона

В поле “Заголовок” необходимо добавить следующее:

Заголовок с <span class="main-textfon">фоном и другим цветом</span> слов

В Расширенных настройках в “Пользовательский CSS” добавить следующий код:

selector .main-textfon {
    background-color: #0013c8;
    color: #ffffff;
    display: inline-block;
    padding: 0px 10px 10px 10px;
}

Вариант реализации через “Дополнительный код” темы:
.main-red { color: #cc0000; }
.main-textfon { background-color: #0013c8; color: #ffffff; display: inline-block; padding: 0px 10px 10px 10px; }

 

VK
OK
Facebook
Skype
WhatsApp
Telegram

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Достигнут лимит времени. Пожалуйста, введите CAPTCHA снова.

Категории блога

Выберите свой город:
Не нашли свой город в списке? Не беда! Обучение созданию сайтов возможно провести в режиме онлайн, даже если вы находитесь вообще в другой стране. Записаться на онлайн обучение.

Запись на обучение

Заполните форму для предварительной записи на обучение созданию сайтов или напишите для консультации в один из мессенджеров: