Many times people want to have something more fancy for a unordered list than just the default dot. This doubly will go for any blogger looking to do a pro and cons list, you know with a check or an x as to features.
Well luckily this is pretty simple if you stick to dingbats as a character as they exist almost everywhere and on every machine so you don’t have to worry about the users not having them and not loading will keep your site fast.
This can easily be accomplished by building some Custom CSS around a class you choose to assign to the list. in the example below the class name is “my_bullet” to keep it simple and to the point.
.my_bullet li {
margin-bottom: 0px;
}
.my_bullet li:before {
content: "\2714";
color: #F0533A;
font-size: 25px;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
list-style: none;
}
ul.my_bullet {
list-style: none;
}The below shows you how simple using just the Custom CSS above looks and can give you an idea of what you can accomplish if you want to give it a try on your site for the next time you need a customized list, skip the plugin.
All of the following could be used to generate unique lists where you choose the 4 digit number to use in the above example. The list below can help you take a look and maybe try some out to see which ones can work well for you.
https://www.compart.com/en/unicode/block/U+2700
