Styled Bullet Lists

Added Feature

Rather than deal with bulky shortcode plugins for something simple like this, just use simple class names to apply custom list bullet styles.

Where to Find it?

There are no options for this feature

I’ve used several different shortcode plugins in the past to implement styled content, specifically for columns or buttons or styled lists. The problem with all of them is that their appearance comes from Bootstrap or some other CSS framework which makes them look really foreign inside a beautifully crafted page like Twenty Fifteen.

For example, most list styles use “hanging indents”. While Twenty Fifteen was being developed, I thought there was a bug with the lists, but I came to find out through the WordPress Slack channel that the list styles were done purposely with a typography style called “Hanging Punctuation“. It took me a while to adjust to it, but I now see the beauty of it and highly suggest it for theme authors.

I didn’t want to style all those things in the theme, but styled bullets is really easy particularly since Twenty Fifteen already enqueues Genericons for you.

Here’s examples and code for how to use these bullet styles in Matt2015