Логотип Симфо

У каждого модуля DIVI имеется вкладка расширенных настроек, которая так и называется "Расширенный" или "Дополнительно".

В этой вкладке есть раздел, где можно добавлять пользовательские настройки CSS. Этот раздел так и называется — Пользовательский CSS. В нем не надо указывать идентификаторы, а следует сразу же писать параметры и значения стиля. Эти настройки применяются к конкретному модулю. 

Там же имеются разделы До и После они аналогичны псевдоклассам before и after. Кроме этого в верхней части вкладки есть возможность задать селекторы модуля - класс или id.

Аналогичные настройки присутствуют у каждой колонки, строки и раздела страницы.

Селекторы, которые можно указать в настройках, используются для того, чтобы задать Пользовательский CSS на более обобщенном уровне — странице, — это делается в нижней части страницы; или на уровне сайта — это делается в общих настройках DIVI или в разделе Пользовательских CSS настроек темы.

Пример: добавим пользовательский CSS к элементу на конкретной странице

  1. Заходим на настройки страницы.
  2. Переходим на вкладку "Дополнительно".
  3. В разделе "Пользовательский CSS" добавляем селектор и его значения.
  4. Сохраняем; css-стиль применился на конкретной странице.

 

Добавить пользовательский CSS к элементу на конкретной странице
Добавить пользовательский CSS к элементу на конкретной странице (пошагово)