How to Add Bullet Points in WordPress? (Complete Guide)

• You can add bullet points in WordPress using the ‘List’ block.
• WordPress list style can be changed from block properties or CSS code.
• You can add space(indent) between text and bullet using CSS code.
• You can add a sub bullet list by pressing the spacebar.

Above are quick answers about WordPress bullet list. Let’s check out all the answers in detail.

How to add bullet points in WordPress?

You can add bullet points in WordPress in three ways.

• First click the ‘+’ icon button near the block and choose ‘List’ block.
• Second type ‘/list’ in block input area.
• Thirst type ‘–’ and press spacebar in the block input area.

By applying any of the above three ways, you can add a bullet list in your WordPress post.

How to convert multiple lines into a bullet list?

Here, you need to select all lines(using Shift + click) which you want to convert into a list. After that, click the change block type option and choose ‘List’ block.

Change block type option available before block move up down arrow options.

How to change bullet style in WordPress?

To change WordPress bullet list style, you need to create a custom CSS class and add it to List block’s ‘Additional CSS class(es)’ option.

If you don’t know how to use custom CSS in WordPress, then read “How to Add Custom CSS from WordPress Dashboard” post first.

Now, let’s check different CSS codes for the WordPress bullet list.

How to change bullet points color in WordPress?

ul.tpp-bcolor li::marker {color: red;}

To change bullet points color, add above CSS code in theme customization ‘Additional CSS’ option and add class name ‘tpp-bcolor’ to your bullet list block’s ‘Additional CSS class(es)’ option.

How to add custom bullets in WordPress?

ul.tpp-bimage {list-style-image:url("your_image_url_here");}

To add custom bullets in WordPress, first upload your bullet image file to WordPress media. If the image file is already uploaded, then ignore this step.

Next, copy the above given CSS code and replace image url (i.e., your_image_url_here) with your bullet image url and add result code in theme customization ‘Additional CSS’ option.

After that, add class name ‘tpp-bimage’ to your bullet list block’s ‘Additional CSS class(es)’ option.

How to indent bullets in WordPress?

ul.tpp-bindent {padding-left: 20px;}

To indent bullets in WordPress, add above CSS code in theme customization ‘Additional CSS’ option and add class name ‘tpp-bindent’ to your bullet list block’s ‘Additional CSS class(es)’ option.

Tips:

• If you want to use the above CSS code for ordered lists in WordPress, then change ‘ul.’ with ‘ol.’ in all code lines.
• For using multiple classes for list block, add all classes name with space. e.g., ‘tpp-bcolor tpp-bimage tpp-bindent’.

How to add sub bullets in WordPress?

To add sub bullets in WordPress, after adding your main bullet line press enter and in the new bullet line press spacebar.

Once you press spacebar, the editor will create new sub bullet list for you.

That’s it,

Hope you find this WordPress bullet list guide helpful.