Как применить стиль в модуле кода Divi?

Question

У меня есть HTML-код, который я использовал в разделе содержимого модуля кода DIVI (как показано ниже):


HTML (присутствует в содержании):

<blockquote><span>BPRO helped me realize the importance of cus- tomer organization and tracking, service track- ing and just being on the top of things behind the scene. The more you grow – the more difficult this becomes – but having the right tools to keep your business organized is just as impor- tant as having the right tools to do job itself.</span> <p>Some Person - Some Day 2018</p></blockquote>

CSS:

У меня также есть CSS, который Я хочу подать заявку на код HTML, присутствующий в контенте . Мне интересно, где я должен положить свои коды CSS. Коды CSS, которые у меня есть:

blockquote {
  padding: 20px 60px;
  background: #eee;
  border-radius: 10px;
  font-family: arial;
  line-height: 1.625;
  position: relative;
}

blockquote p {
  text-align: center;
}

blockquote span {
  position: relative;
  display: inline-block;
}

blockquote span:before {
  content: "“";
  font-size: 72px;
  color: #79b83a;
  position: absolute;
  left: -40px;
  top: 40px;
  line-height: 0;
}

blockquote span:after {
  content: "”";
  font-size: 72px;
  color: #79b83a;
  position: absolute;
  right: -40px;
  bottom: -10px;
  line-height: 0;
}

Постановка задачи:

Мне интересно, куда я должен поместить приведенный выше код CSS. Я пытался поместить код в основной элемент в расширенном разделе настроек модуля кода, но он не работал .

Answer 1

Вы можете поместить свой CSS также в область содержимого модуля Divi Code, просто используйте теги 'style':

<style> 

your css code goes here:

blockquote {
  padding: 20px 60px;
  background: #eee;
  border-radius: 10px;
  font-family: arial;
  line-height: 1.625;
  position: relative;
}
... etc



</style>

Answer 2

Я вижу, вы используете код, который я написал вчера.

Вы можете сохранить HTML в своем модуле Divi и поместить CSS в Внешний вид > Настройщик > Дополнительный раздел CSS

Редактировать: похоже, у Divi есть пользовательский раздел CSS , а также опция для каждого модуля, строки и раздела , хотя я бы рекомендовал сохранить пользовательский CSS как как можно меньше мест.