WordPress theme development presents different challenges that can be solved easily but not many new developers know these hacks. Bullets appearing in WordPress’s unordered list is one of the many problems you will come across when creating WordPress themes from scratch.
The unordered list can be created in WordPress widgets, custom WordPress menus in the footer, WordPress custom pages and anywhere else on your WordPress site.
With a simple HTML trick, you can get rid of these bullets or buttons that appear on unordered lists.
You are likely to see these bullets when creating an unordered list like one below:
HTML Code:
<ul> <li><a href="#">HTML 5</a></li> <li><a href="#">CSS 3</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">PHP</a></li> <li><a href="#">MySQL</a></li> </ul>
You simply need to remove the bullets from this list by adding a CSS rule to eliminate all the list type. In WordPress, you should open your child theme and add the following CSS rule to your Stylesheet:
CSS Code
ul { list-style-type: none; }
When you add this code to your stylesheet the bullets or buttons appearing in your unordered list should disappear.
Joe is an experienced full-stack web developer with a decade of industry experience in the LAMP & MERN stacks, WordPress, WooCommerce, and JavaScript – (diverse portfolio). He has a passion for creating elegant and user-friendly solutions and thrives in collaborative environments. In his spare time, he enjoys exploring new tech trends, tinkering with new tools, and contributing to open-source projects. You can hire me here for your next project.
Comments are closed.