Css bullet img replacement


/ Published in: CSS
Save to your folder(s)

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


Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.