Elementor Free. Добавляем свой CSS/Javascript

Elementor Free. Добавляем свой CSS/Javascript

Сайт за 15 минут

Используете бесплатную версию Elementor и хотите добавить свой стиль CSS или js скрипт, то у вас не получится — это функция доступна в PRO версии. В Elementor Free, при раскрытии  пункта меню “Пользовательские CSS” вы увидите, что нужно перейти на расширенную версию для редактирования прямо в редакторе.

И что делать? Обновить версию Elementor Free до PRO? Если вы можете, то рекомендую это сделать. Elementor PRO стоит своих денег.

Однако, если вы не хотите приобретать Elementor PRO, а хотите просто добавить стиль CSS или небольшой скрипт, то читайте дальше и я вам покажу, как это сделать.

Добавление пользовательского CSS в Elementor Free.

Открываем статью в редакторе Elementor. В консоле выбираем Элемент и находим HTML элемент, как показано на картинке. Найденный элемент переносим на страницу.

На странице HTML элемент будет выглядеть вот так.

 

Элемент выглядит не привлекательно. Но вам не стоит беспокоиться об этом. На опубликованной странице элемент не будет виден (страница, которую видит посетитель сайта).

Для того чтобы появилась иконка редактирования HTML элемента, нужно навести на него курсором мышки.

Нажимаем на иконку и в левой части экрана в консоле появится поле для редактирования HTML  элемента.

Это поля для ввода HTML-кода, но никто вам не мешает ввести туда код CSS.

Для понимания, как это работает, введи туда такой код.

<style> body p { color: red; } </style>

И если у вас на странице есть простой текст, то он станет красным. Для тестирования вы можете создать простую страницу с текстом и протестировать на ней.

Вот этот код сделает все ссылки на странице синими и при наведении будет появляться подчеркивание.

<style> body a { color: #1D67A4; text-decoration: none;}
   a:hover { text-decoration: underline;  }
</style>

Вместо #1D67A4 вы можете вставить другой цвет. Подобрать его можно на сайте ColorScheme и скопировать от туда код цвета. Код должен быть вместе с решеткой «#».

ColorSchema

Также в этот блок можно добавить и текст js скрипта.

В видео показываю наглядно как это делать и как это выглядит.

Напишите в комментарии, что у вас получилось.

 

Хотите научиться создавать свои сайты с помощью редактора Elementor,
тогда вам сюда »Генератор сайтов на WordPress и Elementor

 

Спасибо Вам за то, что поделились статьей в социальных сетях!

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

Комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Хотите создать свой сайт для заработка?
БЕСПЛАТНО
Хотите создать свой сайт для заработка?
БЕСПЛАТНО
Хотите освоить упрощённый путь
к деньгам из интернета?
Подпишитесь
на новости блога
PDF файл "9 идей для создания лид-магнита за подписку"
в первом письме
Укажите ваш e-mail
куда вам выслать ссылку
Хотите пошаговый план создания автоворонки продаж?
БЕСПЛАТНО
PDF ЧЕК-ЛИСТ
Укажите ваш e-mail
куда вам выслать ссылку
Вся правда о заработке
в партнекских программах
БЕСПЛАТНЫЙ ВЕБИНАР
Хотите узнать схемы
партнерских продаж?
БЕСПЛАТНО
Хотите узнать
о чём молчат «ГУРУ» заработка?
БЕСПЛАТНО
Хотите узнать где брать
ТРАФИК
Укажите ваш e-mail
куда вам выслать ссылку на видео
Таких цен раньше никогда не было и больше они не повторятся!
Анти
кризисная акция
СУПЕР скидки на лучшие обучающие курсы
Укажите ваш e-mail
куда вам выслать ссылку на видео
Укажите ваш e-mail
куда вам выслать ссылку на PDF план
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
и дополнительные материалы к нему
Свой сайт для заработка
без строчки кода
БЕСПЛАТНО
Укажите ваш e-мейл
куда вам выслать ссылку на видео
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
Укажите ваш e-mail
куда вам выслать ссылку на книгу
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
Хотите получить?
7 способов заработка в интернете
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
просто укажите вашу почту. ссылка для загрузки придет в пиьсме.
Остался всего один шаг.
Проверьте Ваш почтовый ящик и подтвердите подписку.
ПРОСТО: ЗАЙДИТЕ В СВОЮ ПОЧТУ
и кликните по ссылке в письме от "о Заработке в интернете коротко и без воды"
Укажите ваш e-mail
куда вам выслать ссылку на видеоуроки
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
и пошаговый план заработка в формате PDF
Хотите узнать
как зарабатывать
на создании простых сайтов?
хотите готовый бизнес?
помощь в настройке и
скайп чат единомышленников?
Создайте свою
Денежную Автоворонку
БЕСПЛАТНО
Укажите ваш e-mail
куда вам выслать ссылку на PDF план
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
и дополнительные материалы к нему
Укажите ваш e-mail
куда вам выслать ссылку на PDF план
Мы не рассылаем СПАМ, Ваши данные надежно защищены!
и дополнительные материалы к нему

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

×
Вам сообщение:
Приветствую вас.
Печатает ... |