How to change the default bullet points on WordPress with a custom PNG image?

Here is a quick WordPress tutorial to change the default bullet points on WordPress with a custom PNG image. By the end of this video, you will be able to use your own custom image to replace the default bullet points on your website.

As you know, most of the website has black rounded default bullet points. Using simple CSS we can replace these bullet points with our own custom image; we will be using a PNG file.

To begin, we need to log in to the WordPress dashboard (WP-admin) and navigate to the page where we want to change the bullet points. Once on the page, we will add a class to the UL element so that we can add CSS to change the bullet points.

Next, we will upload the image to the media library and get its URL link. Make sure to reduce the size of the image before uploading it. Once the image is uploaded, we will add the URL link to the CSS code (provided below). And paste the CSS on the site, where the theme permits. But please make sure that the ul class name is exactly the same as that used on the CSS.

So this is how you can change the default bullet points on WordPress with a custom PNG image using simple CSS. Thank you very much.

Recent blogs