Lists are an integral part of your site’s content. Whether you want to display the services you offer or step-by-step instructions, lists make your content look visually appealing and easier to read. HTML allows developers to choose from one of two lists which are defined by the
<ul> (for un-ordered lists) and
<ol> (for ordered lists) tags.
However, sometimes the default list styles just don’t cut it. For times when you need something more than the default disc bullet points or the 1. 2. 3. numbering, you can use CSS to take things up a notch.
With this in mind, we’ve put together this code snippet generator tool that’s designed to help both developers and first-time theme developers experiment with and add different kinds of list styles to their WordPress themes. In this article, we’ll walk you through the process of identifying a CSS selector and show you how you can get started with this code snippet generator.