css - Wordpress 和 Elementor 不显示所有样式（仅在定制器预览中显示）

Question

我有一个客户网站的问题，我创建的这个块：

ul.auszeichnungenListe li { 
  list-style-type: none!important; 
  position: relative!important;
  padding: 0 0 3rem 3rem!important;
  max-width:400px!important;
}

ul.auszeichnungenListe li h4{ 
  padding:0!important;
  margin:0!important;
}

ul.auszeichnungenListe li:after {
  position: absolute!important;
  left: 13px!important;
  content: ''!important;
  border-left: 1.5px dashed #0094a1!important;
  margin-left: 5px!important;
  height: 100%!important;
  z-index:-1!important;
}
ul.auszeichnungenListe li:first-of-type:after {
  top: 10%!important;
}
ul.auszeichnungenListe li:last-of-type:after {
  display:none;
}

ul.auszeichnungenListe li:before {
  background: transparent url("https://www.coachii.me/wp-content/uploads/2020/10/auszeichnungen.svg") scroll 0 0 no-repeat;
  content:"";
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 0;
  top: 8px;
 background-position: 2rem -0.4rem 0 0; 
}


<ul class="auszeichnungenListe">
<li><h4>Heading</h4>
Text</li>
<li><h4>Heading</h4>
Text</li>
<li><h4>Heading</h4>
Text</li>
 <li><h4>Heading</h4>
Text</li>
</ul>

不要在此工作：https ://www.coachii.me/网站。当我将代码放入定制器时，它可以在预览中使用，但不能在实时网站上使用。

我已经将所有内容都设置为“！important”，但它仍然不起作用。有没有人遇到过同样的问题，也许有人可以帮助我？ps 缓存和服务器缓存也被清除在此处输入代码。

谢谢！

标签： csswordpresswoocommerceoverridingelementor