Advanced Search

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

Expand | Embed | Plain Text

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.