Individual list styles

Tips and Tricks
6

bric: HTML Widget

<ul class="yourclass">
  <li>please</li>
  <li>fix</li>
  <li>break</li>
  <li>points</li>
</ul>

menu> page> setting> Add Cord

<style>
ul.yourclass {
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.yourclass li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.yourclass li:before {
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  left : 1em;
  color: skyblue;
}
</style>

then preview :smiley:

1 Like