Posted By

bcounts on 02/18/16


Tagged

css image ul custom li


Versions (?)

Css bullet img replacement


 / Published in: CSS
 

Change your list bullet to a custom character in CSS. Will not wrap it multiple lines

  1. .patch-indv ul li {
  2. list-style: none;
  3. margin-bottom: 10px;
  4. text-indent: 0;
  5. }
  6.  
  7. .patch-indv ul li:before {
  8. color: #00a4e3;
  9. content: '\2713 '; /* Check Mark */
  10. font-size: 1.5em;
  11. font-weight: bold;
  12. margin-left:-20px;
  13. }

Report this snippet  

You need to login to post a comment.